1.0.7 • Published 2 years ago
lesca-react-char-transition v1.0.7
Why use it?
simple way to transition char in pure string react component
Live Demo
Installation
npm install lesca-react-char-transition --saveUsage
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