1.0.4 • Published 6 months ago
lesca-react-char-transition v1.0.4
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