TypingIndicator

Three bouncing dots for "someone is typing".

Did the release go out?

Installation

bash
npx shadcn@latest add https://www.rad-ui.com/r/typing-indicator.json

React
import TypingIndicator from "@/components/fx/typing-indicator"

<TypingIndicator label="Ada is typing" />

role="status" with a label such as "Ada is typing"; the dots are aria-hidden.
prefers-reduced-motion: reduce (or data-rad-fx-motion="reduce" on an ancestor) replaces the bounce with a slow fade.

Prop	Type	Default	Description
label	string	'Typing'	Announced to screen readers.
color	string	currentColor	Dot colour.