Truncate multi-lines text for all browsers base on react.js
Clone or download
ShinyChang Merge pull request #68 from ShinyChang/revert-67-patch-1
Revert "Change calculation of truncationPosition"
Latest commit c3da55b Oct 29, 2018

README.md

React-Truncate-Text npm version

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}
    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.