After installing Animate.CSS with the command npm install animate.css --save, I noticed it was saved in the directory ./node_modules as a locally packaged module.
I went through the Animate.CSS documentation on Github, which mentioned that adding class names like fadeInDown, bounceInDown...etc to the desired HTML element would trigger animations. However, I wasn't sure how to include a class name from a locally installed package.
Question: How do we retrieve and include a class name from the local Animate.CSS package into a ReactJs Component?
Assume: Let's say we have a React component like the one below, and we wish to add the class name animated bounceIn.
export class SimpleInfo extends React.Component {
render() {
return(
<div>My information</div>
)
}
}