react-text-ellipsis

1.6.0 • Public • Published

React multi-line ellipsis

Build Status

Install

npm install react-text-ellipsis

Usage

Require TextEllipsis to wrap text (not any component!) and parent element must have width, height, overflow: hidden well set!, span tag is not working (div, p works)

Build react-text-ellipsis:

npm run build

Build example

npm run example

then see example/index.html

Example usage:

import TextEllipsis from 'react-text-ellipsis';
 
<label>
    <TextEllipsis 
        lines={2} 
        tag={'p'} 
        ellipsisChars={'...'} 
        tagClass={'className'} 
        debounceTimeoutOnResize={200} 
        useJsOnly={true} 
        onResult={(result) => { 
            if (result === TextEllipsis.RESULT.TRUNCATED)
                console.log('text get truncated');
            else 
                console.log('text does not get truncated');
            }}>
        Hello world
    </TextEllipsis>
</label>

Readme

Keywords

Package Sidebar

Install

npm i react-text-ellipsis

Weekly Downloads

820

Version

1.6.0

License

MIT

Unpacked Size

2.08 MB

Total Files

13

Last publish

Collaborators

  • tjindapitak