Back to Components

AI

TypingDots

Three-dot typing pulser with an optional label. Bounce pauses under prefers-reduced-motion; announced politely via role=status.

Examples

Dots only

<TypingDots />

Grammar-aware names

Ana is typing…
Ana and Ben are typing…
Ana and 2 others are typing…
<TypingDots names={['Ana']} />
<TypingDots names={['Ana', 'Ben']} />
<TypingDots names={['Ana', 'Ben', 'Casey']} />

Custom label

Assistant is thinking…
<TypingDots label="Assistant is thinking…" />

Props

PropTypeDefaultDescription
namesstring[]Grammar-aware label: one, two, or "and N others" typing.
labelstringCustom label override ("Assistant is thinking…").

Install

CLI

npx @a3tai/mittsu add typing-dots