Component
Expandable text
A paragraph that truncates past a character or line limit and reveals the rest behind a 'Show more' toggle.
Standalone
The project kicked off on Tuesday but took longer than expected to get approval. The review team flagged a few details f…
expandable text.tsx
<NativeExpandableText text={text} maxLength={120} />Example
A note on a detail screen, truncated until the user chooses to read the rest.
Note
The project kicked off on Tuesday but took longer than expected to get approval. The review team fla…
expandable-text-example.tsx
<NativeExpandableText text={item.note} maxLength={100} />Capabilities
| Prop | Type | Description |
|---|---|---|
| textrequired | string | - |
| maxLength | number | Max characters before "Show more" appears |
| maxLines | number | Or max lines (CSS line-clamp) |
| moreLabel | string | - |
| lessLabel | string | - |
| className | string | - |