ellipsus

0.1.1 • Public • Published

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

Package Sidebar

Install

npm i ellipsus

Weekly Downloads

0

Version

0.1.1

License

MIT

Last publish

Collaborators

  • noru