StreamingDot

stable

Animated dot sequence for streaming/typing indicators

import { StreamingDot } from "@nodus/design-system"

IDLE

GENERATING

COMPLETE

Loading demo…

Props

Prop	Type	Default	Description
`state`req	`"idle" \| "streaming" \| "complete"`	—	Current streaming state
`label`	`string`	—	Custom label (defaults to state name)

staterequired

Type "idle" | "streaming" | "complete"Default —

Current streaming state

label

Type stringDefault —

Custom label (defaults to state name)

MobileWorks As-Is

Design Rationale

This component was designed to express:

Animated placeholder for loading content

Streaming LLM output with temporal cursor. Displays content immediately — no fake simulation. StreamingDot disappears instantly on completion.

Was this helpful?