Type Writer

Reveal text character by character.

@sigil-ui/componentsReact

Preview

import { TypeWriter } from "@sigil-ui/components";

<TypeWriter words={["Hello, Sigil UI.", "Tokens keep every surface coherent."]} />

Prop	Type	Default	Description
`words`	`string[]`	—	Text strings to type. Loops if multiple.
`speed`	`number`	`60`	Typing speed in ms per character.
`pauseDuration`	`number`	`1500`	Pause after a word is fully typed in ms.
`deleteSpeed`	`number`	`40`	Deleting speed in ms per character.
`loop`	`boolean`	`true`	Whether to loop through words.
`cursor`	`boolean`	`true`	Show blinking cursor.

TextReveal

Reveal a passage of text progressively.

WordRotate

Cycle through a set of words in a shared text position.