Info alert:Beta feature
This Beta component is currently under review and is still open for further evolution. It is available for use in product. Beta components are considered for promotion on a quarterly basis. Please join in and give us your feedback or submit any questions on the PatternFly forum or via Slack. To learn more go to our Beta components page on GitHub.
Examples
Default with tooltip at the bottom
Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.
Props
Truncate
| Name | Type | Default | Description |
|---|---|---|---|
| contentrequired | string | Text to truncate | |
| className | string | Class to add to outer span | |
| position | 'start' | 'middle' | 'end' | 'end' | Where the text will be truncated |
| tooltipPosition | TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top' | Tooltip position |
| trailingNumChars | number | 7 | The number of characters displayed in the second half of the truncation |
View source on GitHub
