Skip to content

Latest commit

 

History

History
46 lines (31 loc) · 1.17 KB

File metadata and controls

46 lines (31 loc) · 1.17 KB

A Text Ellipsis Component for React

Build Status npm version

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