A Text Ellipsis Component for React

Actively maintained. Welcome to PR/Issue.  🤡👉 Demo 👈🤡

Install

npm install --save ellipsus

Usage

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