1.0.2 • Published 11 months 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-loop
or
yarn add easy-react-text-loop
or
pnpm add easy-react-text-loop
Usage
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.