TruncatedText
TruncatedText Component
Props
| Prop | Type | Default | Value |
|---|---|---|---|
text* | string | — | |
tooltipText | string | — | |
tooltipSide | 'top' | 'bottom' | 'left' | 'right' | — | |
tooltipDelay | number | — | |
lines | number | — |
Usage
<TruncatedText text="This is a very long text that might get truncated" />
// With custom tooltip position
<TruncatedText
text="Long text here"
tooltipSide="bottom"
tooltipDelay={500}
/>
// With custom tooltip text
<TruncatedText
text="Shortened display text..."
tooltipText="Full detailed text that appears in tooltip"
/>