@re-dev/react-truncate
v0.5.2TypeScript
Provides `Truncate`, `MiddleTruncate` and `ShowMore` React components for truncating multi-line spans and adding an ellipsis.
0/weekUpdated 5 months agoMITUnpacked: 37.2 KB
Published by chengpeiquan
npm install @re-dev/react-truncate
@re-dev/react-truncate
Provides Truncate, MiddleTruncate and ShowMore React components for truncating multi-line spans and adding an ellipsis.
Installation
With npm(or yarn, or pnpm):
``bash`
npm install @re-dev/react-truncate
Documentation
- Truncate
A basic component for cropping text. Usually there is no need to use it directly. and
- ShowMore
A "Show More" component, when the content exceeds the set number of display lines, an expand button will appear to view more content.
A "middle ellipsis" component, when the content exceeds the limit of the parent's width, an ellipsis symbol will appear (similar to CSS's text-overflow: ellipsis effect), but its omission position can be specified in the middle of the text instead of the end.
Release Notes
Please refer to CHANGELOG for details.
License
MIT License © 2023-PRESENT chengpeiquan