0.0.5 • Published 1 year ago

nikos-react-typing-text v0.0.5

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

Typing Text

Typing Text is a simple React component that displays text with a typing animation. It's easy to use and highly customizable, allowing you to create engaging text animations in your React applications.

Features

  • Typing animation for displaying text.
  • Customizable typing speed.
  • onAnimationEnd callback.
  • extendable by custom props.

Installation

Install the package

npm install typing-text

Usage

import React from 'react';
import TypingText from 'typing-text';

function App() {
  return (
    <div className="App">
      <TypingText
        text="Hello, World!"
        speed={100}
        onAnimationEnd={() => console.log('Typing completed')}
      />
    </div>
  );
}

export default App;

Props

PropTypeDefaultDescription
textstring""The text to display with typing animation.
speednumber100Typing speed in milliseconds per character. (The less the faster)
onAnimationEndfunctionundefinedCallback function when typing ends.
-----------------------------------------------------------------------

Extend

You can pass custom classnames, styles or any prop since we spread all the props in the component.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request or open an issue on GitHub.

License

This project is licensed under the MIT License.

0.0.5

1 year ago

0.0.4

1 year ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago