Thinking Indicator
Animated loading state for AI responses. Three variants — bouncing dots, pulsing ring, and audio-style bars — in sm/md/lg sizes. Carries role="status" so screen readers announce the loading state.
Variants
Three animation styles — bouncing dots, pulsing ring, and audio-style bars.
dots
pulse
bar
Sizes
sm
md
lg
In a chat bubble
Use variant="dots" inside an assistant message bubble while waiting for the response.
Explain streaming text components.
Thinking…