Truncate

A truncate component can be used to shorten character strings—typically when the string overflows its container.

Examples

Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.

redhat_logo_black_and_white_reversed_simple_with_fedora_container.zip

Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.‎

*required
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