TextEllipsis

Use the TextEllipsis component to truncate text and show an ellipsis whenever there is insufficient space to render the entire text. While some of our Strato components provide ellipsis out of the box, you need to take care of this yourself when writing your own components.

OverviewProperties

TextEllipsisProps

extends<>, , ,

Name	Type	Default	Description
children		-	The children (as text) passed to the component.
truncationMode?	| |	'end'	The mode used for for truncating the text, either at the start, in the middle or at the end.
onTextOverflow?	(ellipsized: ) =>	-	Gets called when text needs to get truncated due to lack of horizontal space.