JSPM

  • Created
  • Published
  • Downloads 97799
  • Score
    100M100P100Q173840F
  • License MIT

Simple multiline ellipsis component for React.JS

Package Exports

  • react-lines-ellipsis
  • react-lines-ellipsis/lib/html

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-lines-ellipsis) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

npm version dependencies Status js-standard-style

react-lines-ellipsis

Poor man's multiline ellipsis component for React.JS

Installation

To install the stable version:

npm install --save react-lines-ellipsis

Usage

import LinesEllipsis from 'react-lines-ellipsis'

<LinesEllipsis
  text="long long text"
  maxLine="3"
  ellipsis="..."
  trimRight
/>

Limitations

  • only accept plain text by default. use lib/html.js for experimental rich html support
  • can be fooled by some styles: ::first-letter, italic fonts, etc.
  • require modern browsers env

Experimental html truncation

import HTMLEllipsis from 'react-lines-ellipsis/lib/html'

<HTMLEllipsis
  unsafeHTML="simple html content"
  maxLine="5"
  ellipsis="..."
/>

Dev TODOs

  • demo page
  • test cases
  • improve performance