Typing Text

A text component that dynamically simulates a typing animation, progressively revealing characters as if typed in real-time.

Made by imskyleen

Installation

Usage

<TypingText text="Hello world!" />

Props

Prop	Type	Default
`cursorClassName?`	`string`	-
`text`	`string \| string[]`	-
`holdDelay?`	`number`	`1000`
`loop?`	`boolean`	`false`
`cursor?`	`boolean`	`false`
`inViewOnce?`	`boolean`	`true`
`inViewMargin?`	`string`	`0px`
`inView?`	`boolean`	`false`
`delay?`	`number`	`0`
`duration?`	`number`	`100`
`className?`	`string`	-

Built by Skyleen. The source code is available on GitHub.