Skip to content

noru/ellipsus

Repository files navigation

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

About

CSS base ellipsis + animation for loooooong text in react.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published