Components you can feel before you read.
Start with behavior in context. Contracts, states, and source boundaries follow after the interaction is understood.
Present referenceCommand MenuLaunch navigation and actions from an immediately usable, keyboard-first searchable surface.
Open command menu
View full catalogAll catalog records and maturity
Stable components by catalog tier
Names, tiers, maturity, support, references, tests, and gaps are read from the canonical Component catalog at build time.
Core
Common interaction or content primitive.
-
Accordion
accordionStableCoreCatalog only -
Account Recovery Form
account-recovery-formStableCoreCatalog only -
Authentication Dialog
authentication-dialogStableCoreOpen Explorer -
Authentication Shell
authentication-shellStableCoreCatalog only -
Avatar
avatarStableCoreCatalog only -
Banner
bannerStableCoreCatalog only -
Breadcrumbs
breadcrumbsStableCoreCatalog only -
Button
buttonStableCoreOpen Explorer -
Checkbox
checkboxStableCoreCatalog only -
Combobox
comboboxStableCoreCatalog only -
Command Menu
command-menuStableCoreOpen Explorer -
Context Menu
context-menuStableCoreCatalog only -
Dialog
dialogStableCoreCatalog only -
Drawer
drawerStableCoreCatalog only -
Dropdown Menu
menuStableCoreCatalog only -
Empty State
empty-stateStableCoreCatalog only -
File Upload
file-uploadStableCoreCatalog only -
Focus Indicator
focus-indicatorStableCoreCatalog only -
Form Field
form-fieldStableCoreCatalog only -
Icon Button
icon-buttonStableCoreCatalog only -
Inline Alert
inline-alertStableCoreCatalog only -
Language Menu
language-menuStableCoreCatalog only -
Link
linkStableCoreCatalog only -
Meter
meterStableCoreCatalog only -
Overflow Menu
overflow-menuStableCoreCatalog only -
Pagination
paginationStableCoreCatalog only -
Popover
popoverStableCoreCatalog only -
Progress Indicator
progress-indicatorStableCoreCatalog only -
Radio Group
radio-groupStableCoreCatalog only -
Search Field
search-fieldStableCoreCatalog only -
Segmented Control
segmented-controlStableCoreCatalog only -
Select
selectStableCoreCatalog only -
Session Re-authentication Dialog
session-reauthentication-dialogStableCoreCatalog only -
Sign-in Form
sign-in-formStableCoreCatalog only -
Skeleton
skeletonStableCoreCatalog only -
Spinner
spinnerStableCoreCatalog only -
Status Indicator
status-indicatorStableCoreCatalog only -
Switch
switchStableCoreCatalog only -
Tabs
tabsStableCoreCatalog only -
Text Input
text-inputStableCoreCatalog only -
Textarea
textareaStableCoreCatalog only -
Theme Switch
theme-switchStableCoreCatalog only -
Toast
toastStableCoreCatalog only -
Tooltip
tooltipStableCoreCatalog only -
Truncation
truncationStableCoreCatalog only
Workspace
Structure for dense applications and object-based work.
-
Activity Feed
activity-feedStableWorkspaceCatalog only -
App Shell
app-shellStableWorkspaceOpen Explorer -
Data Row
data-rowStableWorkspaceCatalog only -
Data Table
data-tableStableWorkspaceOpen Explorer -
Inspector
inspectorStableWorkspaceCatalog only -
Location Bar
location-barStableWorkspaceCatalog only -
Metric Strip
metric-stripStableWorkspaceCatalog only -
Property List
property-listStableWorkspaceCatalog only -
Sidebar
sidebarStableWorkspaceCatalog only -
Split View
split-viewStableWorkspaceCatalog only -
Toolbar
toolbarStableWorkspaceCatalog only -
Tree View
tree-viewStableWorkspaceCatalog only
Product-specific
Domain component for AI, ecommerce, information, or engineering work.
-
AI Composer
ai-composerStableProduct-specificCatalog only -
Background Task Queue
background-task-queueStableProduct-specificOpen Explorer -
Chart
chartStableProduct-specificCatalog only -
Evidence List
evidence-listStableProduct-specificOpen Explorer -
Execution Preview
execution-previewStableProduct-specificOpen Explorer -
Media Review
media-reviewStableProduct-specificCatalog only -
Streaming Response
streaming-responseStableProduct-specificCatalog only -
Suggested Change Review
suggested-change-reviewStableProduct-specificOpen Explorer
Conditional
Adopt only when real product requirements justify it.
- No records in this group.
Candidate and draft records
Candidate records with a complete contract, runnable reference, and automated checks can open an Explorer while their remaining gaps stay visible.
Candidate
Useful contract or reference exists, but at least one completion dimension remains open.
-
Agent Activity Trace
agent-activity-traceCandidateProduct-specificOpen Explorer -
Code Block
code-blockCandidateCoreOpen Explorer -
Context Sidecar
context-sidecarCandidateWorkspaceCatalog only -
Drag and Drop
drag-dropCandidateConditionalCatalog only -
Live Chart
live-chartCandidateConditionalCatalog only -
Number Transition
number-transitionCandidateConditionalCatalog only -
One-Time Password Input
otpCandidateConditionalCatalog only -
Story Timeline
story-timelineCandidateConditionalOpen Explorer -
Verification Challenge
verification-challengeCandidateConditionalCatalog only
Draft
Planned or partially described; consuming products must document missing decisions.
-
Color Well
color-wellDraftConditionalCatalog only -
Combo Button
combo-buttonDraftConditionalCatalog only -
Hover Card
hover-cardDraftConditionalCatalog only -
Slider
sliderDraftConditionalCatalog only -
Stepper
stepperDraftConditionalCatalog only -
Token Field
token-fieldDraftConditionalCatalog only