React-Truncate-Text

Install

npm install react-text-truncate 

Usage

import TextTruncate from 'react-text-truncate'; // recommend var TextTruncate = require('react-text-truncate'); // CommonJS or UMD 

Markup

<TextTruncate     line={1}     element="span"     truncateText="…"     text="Lorem Ipsum is simply dummy text of the printing and typesetting industry."     textTruncateChild={<a href="#">Read on</a>} /> 

Demo

FAQ

1. Why TextTruncate not shown after display changed?

   You must trigger update manually.

2. Will TextTruncate support IE10 or below?

   No! IE 10 and below are dead according to Microsoft post.