0.1.7 • Published 1 year ago
ellipsus v0.1.7
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 |