1.0.4 • Published 6 months ago

lesca-react-char-transition v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
6 months ago

React React React React React NPM React NPM

Why use it?

simple way to transition char in pure string react component

Live Demo

Installation

npm install lesca-react-char-transition --save

Usage

As a Node module:

import CharTransition from 'lesca-react-char-transition';

In the component

const component = () => {
  return (
    <CharTransition duration={1000} gap={0} preChar='?' pause={false}>
      James
    </CharTransition>
  );
};

Props

Propsdescriptiondefault
duration:numbertransition duration1000
gap:numbereach char transition gap0
preChar:stringfirst char display when it pause''
pause:booleanpause transitionfalse
list:booleanlist of char worldfalse
onEnd:booleantransition completenull

Features

  • maintain if necessary
1.0.4

6 months ago

1.0.3

6 months ago

1.0.2

7 months ago

1.0.1

12 months ago

1.0.0

12 months ago

0.0.4

12 months ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago