react-text-trimmer
v3.0.0
Published
React component that trims overflowing multi line text and adds a specified tail
Downloads
132
Readme
react-text-trimmer
Installation
Install from NPM:
yarn install react-text-trimmer
Usage
Options
lines
: number of lines to truncate text
prefix
: prefix to attach to beginning of text, default is empty string
suffix
: suffix to attach to end of text, default is ...
interval
: dobounce interval, default is 166
There is two ways to use the text trimmer. One can use the component or the react hook.
Components
Props:
options
: TextTrimmerOptions
import TextTrimmer from "react-text-trimmer"
...
<TextTrimmer>
Long text.........
<TextTrimmer>
...
Hook
import { useTextTrimmer } from "react-text-trimmer"
...
const ref = React.useRef(null)
const value = useTextTrimmer(text, ref, options)
return <div ref={ref}>{value}</div>
...
Code Style
This repository is configured with EditorConfig.