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

| Props | description | default | | :-------------------- | :------------------------------: | ------: | | duration:number | transition duration | 1000 | | gap:number | each char transition gap | 0 | | preChar:string | first char display when it pause | '' | | pause:boolean | pause transition | false | | list:boolean | list of char world | false | | onEnd:boolean | transition complete | null |

Features

• maintain if necessary