# [react-clamp](https://github.com/oglen/react-clamp) A React Component which can help you clamp Multi-line text. ## Getting Started * Install with [npm](https://npmjs.org): `npm install react-line-clamp` * Clone the repo: `https://github.com/oglen/react-clamp` ## Usage 1. require react-clamp to your react component: import Clamp from 'react-line-clamp'; 2. Use react-clamp in your component: class Component extends React.Component { componentDidMount() { window && window.addEventListener('resize', event => { this.refs.aCard.adjustContext(); }); } render() { return

Brisbane’s Waterfront Place and the Eagle Street Pier retail complex were snapped up by property giant Dexus Property Group and Dexus Wholesale Property Fund for a staggering $635 million.

Read More" ref="bCard"> Brisbane’s Waterfront Place and the Eagle Street Pier retail complex were snapped up by property giant Dexus Property Group and Dexus Wholesale Property Fund for a staggering $635 million.

} ... } In default, the option is {autoAdjustInterval: 200}, it will ensure adjusting is automatic. 3. And set the card style: .card { height: 60px; overflow: hidden; line-height: 20px; } ## Run Demo There is a clear and concise example in the repo, preview it in following steps: Enter the project fold and execute: npm install gulp And visit link: /demo/index.html

	Stars	Issues	Version	Updated	Created
react-clamp	6	0	1.0.5	7 years ago	8 years ago
react-line-clamp	8	0	1.2.6	6 years ago	8 years ago
react-lines-ellipsis	590	32	0.15.4	7 months ago	7 years ago
react-text-truncate	324	24	0.19.0	2 years ago	9 years ago

react-clamp vs react-line-clamp vs react-lines-ellipsis vs react-text-truncate

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past