Truncate

Use Truncate to shorten overflowing text with an ellipsis.

Import

import {Truncate} from '@primer/react'

Name	Default	Description
maxWidth	`125`	`number` Sets the max-width of the text.
inline	`false`	`boolean` Displays text as inline block and vertical aligns to the top.
expandable	`false`	`boolean` Allows the truncated text to be displayed on hover.
as	`'div'`	`React.ElementType`
sx		`SystemStyleObject`