Skip to content

React Truncate

Provides `Truncate`, `MiddleTruncate` and `ShowMore` React components for truncating multi-line spans and adding an ellipsis.

Out-of-the-box components

ShowMore

Multi-line elliptical component with expand / collapse buttons, can be expanded with more custom functions.

MiddleTruncate

More interesting than ordinary elision, positions can be specified to preserve the content of the first and last parts of the text, and only process the omitted components for the middle content.

Truncate

The underlying basic components provide intelligent truncation function processing and can encapsulate more expansion capabilities according to your business needs.