easy-react-text-loop
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

Easy React Text Loop

text-loop2

easy-react-text-loop is a React component that allows you to easily create text loops with a nice fade animation.

module formats: umd, cjs, and esm

npm version npm downloads MIT License PRs Welcome


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

MIT

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.

Package Sidebar

Install

npm i easy-react-text-loop

Weekly Downloads

6

Version

1.0.2

License

MIT

Unpacked Size

15 kB

Total Files

13

Last publish

Collaborators

  • josephgoksu