All Projects → ShinyChang → React Text Truncate

ShinyChang / React Text Truncate

Licence: mit
Truncate multi-lines text for all browsers base on react.js

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].