Package Exports
- chatanimations/BounceMessage
- chatanimations/FadeInSlideInMessage
- chatanimations/MessageFadeInAnimation
- chatanimations/PopMessage
- chatanimations/WordByWord
Readme
Usage
To use the Chat Animations Library in your React application, you can import the various animation components provided by the library and include them in your components.
WordByWord Component
The WordByWord component animates text word by word.
| Prop | Description |
|---|---|
text |
The text you want to animate word by word. |
delay |
The delay (in milliseconds) between each word animation. |
getLoading |
A function that can be used to handle loading state. |
getValue |
A function that can be used to get the value. |
Example usage:
import WordByWord from 'chatanimations/WordByWord';
const getValue = (value) => {
console.log(value);
};
const getLoading = (value) => {
console.log(value);
};
function App() {
return (
<div className='App'>
<WordByWord
text={'I am navneet vaishnav'}
delay={1000}
getLoading={getLoading}
getValue={getValue}
/>
</div>
);
}