Streaming Text

Text that arrives in pieces as an agent writes it: each new piece fades in at the end, with a caret while it streams; aria-busy until it is done.

The snippet an agent gets

StreamingText.tsx
import { StreamingText } from '@basiiik/ui';<StreamingText text="Use a Modal for the delete confirmation." />

From get_component_snippet, with the required props filled in from the spec. Every snippet is type-checked against the library before it ships.

  • Example values were filled in for the required prop text: replace them with your own.
  • Streaming and Done follow the streaming prop; new pieces fade in as the text prop grows.
  • Storybook: Agents/Streaming text.