Ellipsus NPM | npm.io

A Text Ellipsis Component for React

sample

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