https://github.com/ShinyChang/React-Text-Truncate

Truncate multi-lines text for all browsers base on react.js
https://github.com/ShinyChang/React-Text-Truncate

ellipsis multiline react truncate

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ShinyChang/React-Text-Truncate
• Owner: ShinyChang
• License: mit
• Created: 2015-10-02T16:58:24.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T21:49:40.000Z (over 1 year ago)
• Last Synced: 2024-04-14T07:56:48.759Z (5 months ago)
• Topics: ellipsis, multiline, react, truncate
• Language: JavaScript
• Homepage: http://ShinyChang.github.io/React-Text-Truncate/
• Size: 3.86 MB
• Stars: 323
• Watchers: 5
• Forks: 60
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# React-Truncate-Text [![npm version](https://badge.fury.io/js/react-text-truncate.svg)](https://badge.fury.io/js/react-text-truncate)

## Install

```

npm install react-text-truncate

```

## Usage

```js

import TextTruncate from 'react-text-truncate'; // recommend

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

```

## Markup

```jsx

Read on}

/>

```

[Demo](http://shinychang.github.io/React-Text-Truncate/)

## 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](https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support).