ChopLines is a lightweight React component which truncates multiple lines of HTML markup.
Add the dependency:
yarn add chop-lines
And then in your component(s):
import ChopLines from 'chop-lines';
| Prop | Type | Requirement |
|---|---|---|
| lines | number | required if maxHeight is not set |
| lineHeight | number | required if maxHeight is not set |
| maxHeight | number | required if lines & linesHeight are not set |
| ellipsis | ReactNode or ReactElement<any> | Optional (default: "…") |
| children | ReactNode or ReactElement<any> | required |
- React 16.9+
ChopLines follows semantic release versioning with Commitizen.
Install commitizen globally, if you have not already.
npm install -g commitizen
When you are ready to commit your changes…
git add .
git cz
Then, follow the CLI wizard.
Note: Choosing 'feat' or adding 'BREAKING CHANGE' in the commit will result in a major version bump during the release.
nvm use
yarn
yarn test
Keep things tidy
yarn lint
Test that your changes compile
yarn build
MIT