ExpandableText

Truncated text block with "show more / show less" toggle.

Default (2 lines)

Canarist monitors over 200 global news sources, regulatory databases, and financial feeds to identify events relevant to your business. When an event matches your configured thresholds, our AI pipeline classifies its severity and routes it to the right alert channel — whether email, SMS, or webhook. No more manual scanning. Just the signals that matter.
import { ExpandableText } from '@canarist/ui'

<ExpandableText>
  Canarist monitors over 200 global news sources…
</ExpandableText>

Custom line count

Canarist monitors over 200 global news sources, regulatory databases, and financial feeds to identify events relevant to your business. When an event matches your configured thresholds, our AI pipeline classifies its severity and routes it to the right alert channel — whether email, SMS, or webhook. No more manual scanning. Just the signals that matter.
<ExpandableText lines={3}>
  Long paragraph content here…
</ExpandableText>

Reference

PropTypeDefaultDescription
childrenstringThe text content to truncate.
linesnumber2Number of lines to show before truncating.
classNamestringAdditional CSS classes.