Truncate
Use Truncate to shorten overflowing text with an ellipsis.
On this page
v0.34.0BetaNot reviewed for accessibility
Description
Use Truncate to shorten overflowing text with an ellipsis.
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
system_arguments | Hash | N/A |
Examples
Slots
items
Text slot used for the truncated text.
| Name | Type | Default | Description |
|---|---|---|---|
priority | Boolean | N/A | if true, the text will be given priority |
expandable | Boolean | N/A | if true, the text will expand on hover or focus |
max_width | Integer | N/A | if provided, the text will be truncated at a maximum width |
system_arguments | Hash | N/A |
Truncate::TruncateText
This component is part of Primer::Beta::Truncate and should not be
used as a standalone component.