Truncate
Truncate Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| text | text | — | |
| maxLines | number | — | |
| maxChars | number | — | |
| expandLabel | text | — | |
| collapseLabel | text | — |
Default
CharacterLimit
A long text that gets truncate…
LineLimit
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
collapseLabel | text | — | — |
expandLabel | text | — | — |
maxChars | number | — | — |
maxLines | number | — | — |
text | text | — | — |
Using Truncatetsx
import { Truncate } from '@/components/Truncate'
<Truncate
text="..."
maxLines="..."
maxChars="..."
expandLabel="..."
collapseLabel="..."
/>Tokens Used
No design tokens detected