1.0.3 ā¢ Published 1 year ago
react-text-loop-ts v1.0.3
An animated loop of text for your headings or professions. Uses @react-spring/web for the transition so it handles super fast animations and spring params.
- SSR Friendly
- Customizable
- TypeScript Support
- Fix Installation problem
- Uses of React 18
- No error with peer deps
Installation
$ npm i react-text-loop-ts --save
Usage?
import { TextLoop } from "react-text-loop-ts";
const Home = () => {
return (
<div>
<TextLoop
texts={["MERN Stack Developer", "Backend Developer", "Frontend Developer", "NodeJs Developer", "NestJs Developer"]}
interval={3000}
/>
</div>
);
};
export default Home;
Options
name | Description | Is Required? |
---|---|---|
texts | Array of string text, you want to show | required |
interval | Interval times. Default is 3000 | optional |
Issues
You are welcome to create an issue.
Stay in touch
- Author - [Siam Ahnaf](https://www.siamahnaf.com/)
- Website - [https://www.siamahnaf.com/](https://www.siamahnaf.com/)
- Twitter - [https://twitter.com/siamahnaf198](https://twitter.com/siamahnaf198)
- Github - [https://github.com/siamahnaf198](https://github.com/siamahnaf198)