$ cnpm install react-ellipsify
Usage:
<Ellipsify visibleItems={5} separator=' ' more='…' moreClass='more' atFront={true}>
<p>Lorem ipsum dolor sit amet...</p>
<p>Pellentesque non sem rutrum...</p>
<p>Fusce id libero nisl...</p>
</Ellipsify>
would yield
<p>Lorem ipsum dolor sit amet<span className='more'>…</span></p>
If more is clicked, whole content is displayed.
See /demo for a complete example.
If you want to learn more about React, read SurviveJS - Webpack and React.
react-ellipsify is available under MIT. See LICENSE for more details.
Copyright 2014 - 2016 © taobao.org |