Feedback

Components that communicate state — spinners, progress indicators, and status signals. Minimal, signal-driven, and CSS-first.

14 feedback components

• AiDisclaimer — A short, quiet note that AI-generated content may be wrong — "AI-generated content may be incorrect"
• AiStatus — Announces what an AI is doing — thinking, generating, done, failed or stopped — with a shimmering label and an optional Stop button
• ContextMeter — How much of a model’s context window a conversation has used — "12K / 200K" with a bar that warns as it fills
• InfiniteScroll — Loads the next page when the end of a list scrolls into view
• InlineLoading — Compact inline status indicator that pairs a label with a loading, success, or error state
• Notification — Inline, actionable notification banner that surfaces a titled message with an optional recovery action
• Progress — Horizontal bar showing the completion progress of a tracked operation
• ProgressBar — Shows determinate or indeterminate progress of a task
• ProgressCircle — Circular determinate progress indicator rendered as an SVG arc
• PullToRefresh — Wraps a scrollable region and triggers a refresh when pulled down past a threshold at the top
• RadialProgress — Circular progress indicator using conic-gradient, with percentage label and variant colors
• ShimmerText — Text with a bright band sweeping through it — the "Thinking…" look for a label that marks work in progress
• Spinner — Indeterminate loading indicator
• TypingIndicator — Three bouncing dots that hold a chat message slot while an assistant (or a person) is composing a reply

← Back to docs