Truncate

Truncate Component

autodocs
Playground
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Props
PropTypeDefaultValue
texttext—
maxLinesnumber—
maxCharsnumber—
expandLabeltext—
collapseLabeltext—
Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
CharacterLimit
A long text that gets truncate…
LineLimit
Line one of a long paragraph. Line two continues the story. Line three adds more. Line four wraps up. Line five is the end.
PROPTYPEDEFAULTDESCRIPTION
collapseLabeltext——
expandLabeltext——
maxCharsnumber——
maxLinesnumber——
texttext——
Using Truncatetsx
import { Truncate } from '@/components/Truncate'

<Truncate
  text="..."
  maxLines="..."
  maxChars="..."
  expandLabel="..."
  collapseLabel="..."
/>
Tokens Used
No design tokens detected