react-typing-effects
TypeScript icon, indicating that this package has built-in type declarations

0.1.1 • Public • Published

react-typing-effect

demo

https://user-images.githubusercontent.com/58759688/214214571-baf6842c-8c18-409e-8477-3488bf9cc6ce.mp4

props

export type TypingProps = {
  children: string;
  interval: number;
  existTime: number;
  textStyle?: CSSProperties;
  symbolStyle?: CSSProperties;
  symbol?: React.ReactElement;
};

usage

<Typing
  interval={100}
  existTime={2000}
  textStyle={{
    fontSize: "1.2rem",
    fontWeight: "bold",
    fontStyle: "italic",
  }}
  symbolStyle={{
    borderColor: "red",
  }}
>
  Technology geeks save the world!
</Typing>

Readme

Keywords

Package Sidebar

Install

npm i react-typing-effects

Weekly Downloads

5

Version

0.1.1

License

MIT

Unpacked Size

20 kB

Total Files

20

Last publish

Collaborators

  • tohsaka888