ExpandableText
Truncated text block with "show more / show less" toggle.
Default (2 lines)
import { ExpandableText } from '@canarist/ui'
<ExpandableText>
Canarist monitors over 200 global news sources…
</ExpandableText>Custom line count
<ExpandableText lines={3}>
Long paragraph content here…
</ExpandableText>Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | — | The text content to truncate. |
| lines | number | 2 | Number of lines to show before truncating. |
| className | string | — | Additional CSS classes. |