JSPM – chatanimations@1.9.2

Package Exports

chatanimations/BounceMessage
chatanimations/FadeInSlideInMessage
chatanimations/MessageFadeInAnimation
chatanimations/PopMessage
chatanimations/WordByWord

Readme

For Word By Word Animation on chat import WordByWord from 'chatanimations/WordByWord'; function App () { return (

);

}

export default App;

And also you can use [BounceMessage, FadeInSlideInMessage, MessageFadeInAnimation, PopMessage] animation for your chat.

For WordByWord:

Component	Props	Use
WordByWord	Text	-
WordByWord	Delay	-
WordByWord	getLoading	-
WordByWord	getValue	-

how to use getLoading and getValue :

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>
);

}

For BounceMessage:

Component	Props	Use
BounceMessage	Text	-
BounceMessage	Delay	-

For MessageFadeInAnimation:

Component	Props	Use
MessageFadeInAnimation	Text	-
MessageFadeInAnimation	Delay	-

For FadeInSlideInMessage:

Component	Props	Use
FadeInSlideInMessage	Text	-
FadeInSlideInMessage	Delay	-

For PopMessage:

Component	Props	Use
PopMessage	Text	-
PopMessage	Delay	-