Streaming Text
displayCharacter-by-character streaming text display for AI response simulation.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { StreamingText } from "@launchapp/design-system";Examples
AI response stream
<StreamingText text="Here is the analysis you requested. The data shows a 23% increase in user engagement over the past month..." speed={40} onComplete={() => console.log("done")}/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | Full text to stream. |
speed | number | 30 | Characters per second. |
onComplete | () => void | — | Called when streaming completes. |