Components
This is the entry point for React components available in beta. Components are grouped by the problem they solve; distribution and provider details appear only inside each component’s implementation view.
Every page follows the same Design, Usage, Implementation, and Accessibility editorial contract.
Actions
Components that start or confirm an action.
Content and structure
Elements used to organize, separate, and present information.
Input and selection
Controls used to collect, edit, and select data.
- CheckboxAllows selecting zero, one, or multiple independent options.
- ComboboxFilters a list of options and lets people select a value with keyboard or pointer.
- Form FieldComposes label, control, help, and error content into an accessible field.
- Input TextCollects short text, structured data, or single-line values.
- RadioAllows choosing exactly one option among related alternatives.
- SelectSelects a single value from a known list without a search field.
- TextareaCollects free-form text that may span multiple lines.
- ToggleImmediately switches a setting between on and off.
Feedback and status
Components that communicate outcomes, progress, or status.
- AlertCommunicates information, confirmation, warning, or error within the current flow.
- BadgeIdentifies status or short metadata next to related content.
- SkeletonTemporarily represents content structure while data is loading.
- SpinnerIndicates indeterminate progress for an operation in progress.
- ToastConfirms outcomes and communicates transient feedback without interrupting the current flow.
Navigation
Patterns used to orient movement and location in a product.
Overlay and disclosure
Components that reveal contextual content or a new interface layer.
- AccordionOrganizes related content into sections that can be expanded or collapsed.
- ModalInterrupts the flow for a decision or task requiring focused attention.
- PopoverDisplays concise contextual content anchored to a trigger without interrupting the rest of the page.
- TooltipDisplays a brief visual label when a trigger receives hover or focus.