A Text Ellipsis Component for React
Actively maintained. Welcome to PR/Issue. Demo
Install
npm install --save ellipsusUsage
import Ellipsus, { Flyby } from 'ellipsus'
// in your render() or whatever
<Ellipsus>
a really long long long text.........
</Ellipsus>
// or with props
<Ellipsus repeat={repeat} duration={duration} interval={interval}>
a really long long long text.........
</Ellipsus>
// Flyby text
<Flyby repeat={repeat} duration={duration} interval={interval}>
a really long long long text.........
</Flyby>
Props
| Name | Type | Default | Description |
|---|---|---|---|
| repeat | number |
Infinity | How many times you want your string move back and forth |
| duration | number |
2000 | Duration of animation, milliseconds |
| interval | number |
3000 | Interval between each animation, milliseconds |