Animated Text
displayText with typewriter, fade-in, or word-reveal animation effects.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { AnimatedText } from "@launchapp/design-system";Examples
Typewriter effect
<AnimatedText text="Building great products starts here." variant="typewriter" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | Text content to animate. |
variant | "typewriter" | "fade" | "word-reveal" | "typewriter" | Animation style. |
delay | number | — | Start delay in milliseconds. |