🎉 👀 New look, same Primer! Preview the new docs experience here and let us know what you think.
Truncate
Use Truncate to shorten overflowing text with an ellipsis.
On this page
v0.39.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.