0.1.0 • Published 7 years ago
react-clampio v0.1.0
react-clampio
React component for clamping lines. It adds ellipsis if text exceeds the defined max lines value
Getting started
Install package using yarn or npm
$ yarn add react-clampio$ npm install react-clampio --savePass to the component text that should be truncated:
import Clampio from 'react-clampio';
...
const longText = 'Lorem ipsum ...';
<Clampio
text={longText}
lines={3}
/>Props
| Name | Type | Required | Description |
|---|---|---|---|
| text | string | true | Text to truncate |
| lines | number | false | Maximum lines (default 2) |
| ellipsis | string | fasle | Symbol at the end of truncated text (default ...) |
| className | string | false | Custom classname |
0.1.0
7 years ago