1.0.2 • Published 2 years ago
easy-react-text-loop v1.0.2
Easy React Text Loop

easy-react-text-loop is a React component that allows you to easily create text loops with a nice fade animation.
Installation
npm install --save easy-react-text-loopor
yarn add easy-react-text-loopor
pnpm add easy-react-text-loopUsage
import { TextLoop } from "easy-react-text-loop";
const App = () => {
return (
<div>
I will loop through these words:{" "}
<TextLoop>
<span>hello</span>
<span>world</span>
<span>everyone</span>
</TextLoop>{" "}
and then start again!
</div>
);
};Props
| Prop | Type | Default | Definition |
|---|---|---|---|
| interval | number | array | 2500 | The frequency (in ms) that the words change. |
| children | node | The words you want to loop (required) | |
| animation | enum | spring | Animation type |
Contributing
Please follow our contributing guidelines.
License
Author
I inspired from react-text-loop and easy-react-text-loop and I wanted to make it easier to use. I hope you like it.