Feedback
Alert, Skeleton, EmptyState, ErrorState, Toast, TopProgress.
Primitives · fixture-only
Skeleton while loading
Match skeleton shape to final content — SkeletonTable for tables, SkeletonRow for lists.
Workshop: Object list first paint, detail page hero, dashboard tiles.
Avoid: Generic spinner for structured layouts — causes layout shift.
Fixture data only — behaviour matches production chrome
EmptyState with action
Empty surfaces include a primary action — Create, Import, or Connect.
Workshop: New client instances, empty inbox, zero-result filters.
Fixture data only — behaviour matches production chrome
Alert
Inline status banners — info, success, and danger tones.
Info alert
Success alert
Danger alert
Toast (deprecated pattern)
Prefer inline Alert or toast host — migration reference only.
success
Saved
danger
Failed
neutral
Queued
Empty & error
Full-page and inline empty/error states.
No records
Create your first item.
Load failed
API error.
No linked items
Loading
Progress indicators and skeleton placeholders.
TopProgress bar
Batch export
62%