A React component that truncate text using a number of rows.
To install, run in a terminal :
npm install --save playeurzero/react-text-truncatenpm install --save playeurzero/react-text-truncate#v1.0.0npm run storybook:runThen open http://localhost:8000 in your favorite browser.
import * as React from 'react' import * as ReactDOM from 'react-dom' import TextTruncate from 'react-text-truncate' ReactDOM.render( ( <TextTruncate text="Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facere praesentium, doloremque repudiandae soluta voluptatem, molestiae laboriosam, enim eaque laborum repellat perspiciatis. Maxime, debitis commodi. Explicabo doloribus laboriosam corporis at eaque." /> ), document.querySelector('.app') )import React from 'react' import ReactDOM from 'react-dom' import TextTruncate from 'react-text-truncate' ReactDOM.render( ( <TextTruncate text="Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facere praesentium, doloremque repudiandae soluta voluptatem, molestiae laboriosam, enim eaque laborum repellat perspiciatis. Maxime, debitis commodi. Explicabo doloribus laboriosam corporis at eaque." /> ), document.querySelector('.app') )string
The text that should be truncated.
number? = 3
The number of rows before the text will be truncated.
boolean?
Control if the text should be clamped or not