Action
ButtonPrimary action control with compiled variants, size recipes, loading behavior, and proof-backed interaction states.
Action
components / index
The component docs index is now the system map: searchable, filterable, and cross-linked to foundations instead of acting like a giant live wall.
Featured
These four components show the breadth of the current system: action, field, data, and date workflows.
Action
ButtonPrimary action control with compiled variants, size recipes, loading behavior, and proof-backed interaction states.
Action
Field
TextFieldSingle-line field shell with DK field tokens, helper/error support, and leading/trailing slots.
Field
Collection
TableProduct-grade data table with sorting, selection, sticky headers, and overflow-first responsiveness.
Collection
| Release | Date |
|---|---|
| Apollo | Apr 16 |
| Linen | Apr 22 |
Field
DatePickerSingle-date field and calendar surface with blocked dates, honest keyboard travel, and date-only values.
Field
Browse
Search titles, aliases, capabilities, and related components. Filters update the URL so the state is shareable.
Status
BadgeCompact status label tuned for tone distinction, compressed layout, and readable emphasis shifts.
Status
AlertInline system message with tone-aware surfaces, optional actions, and dismiss handling for in-flow messaging.
Display
CardStructured content surface with predictable spacing rhythm, surface recipes, and low-drama display styling.
Display
AvatarImage or initial fallback surface with size, shape, and ring visibility recipes.
Display
DataChartPure-SVG chart surface for line, bar, and area series with optional legend and lightweight point tooltips.
Collection
AccordionData-driven disclosure list with contained open-panel layouts and reliable target sizing.
Navigation
BreadcrumbsFixed-chevron path navigation with current-item emphasis and wrap-aware spacing.
Navigation
SideNavTwo-level application shell navigation with active-state emphasis, branch expansion, and a collapsed mode.
Navigation
StepperOrdered progress and workflow navigation surface with current, complete, upcoming, and error step semantics.
Action
ButtonPrimary action control with compiled variants, size recipes, loading behavior, and proof-backed interaction states.
Choice
ChipCompact filter-like token with selectable state and optional dismiss action.
Field
InlineEditDisplay-first field that expands into focused editing for quick metadata changes without leaving the current layout.
Field
ComboboxFilterable field-and-list control for faster option discovery when scanning a full menu is too heavy.
Overlay
CommandPaletteCentered search-and-action surface for fast command execution, grouped results, and optional mod+k invocation.
Field
DatePickerSingle-date field and calendar surface with blocked dates, honest keyboard travel, and date-only values.
Field
RangeDatePickerTwo-month date-range field with start/end selection, blocked-date handling, and popover calendar containment.
Display
EmptyStateStructured blank-slate surface for onboarding, first-use, and no-result moments.
Field
TextFieldSingle-line field shell with DK field tokens, helper/error support, and leading/trailing slots.
Field
TextareaMultiline field built on the same DK field contract as TextField, with containment checks for longer content.
Choice
CheckboxBinary or indeterminate choice control with native-input semantics and proof-backed sizing.
Choice
SwitchTrack/thumb toggle for clear on/off states with motion-gated proofs and touch-target guarantees.
Choice
RadioGroupData-driven single-selection group with native radio semantics and predictable grouped layout.
Choice
SegmentedControlSingle-selection segmented control for tight mode switching and compact option clusters.
Navigation
TabsKeyboard-navigable view switching with compiled triggers and tokenized panels.
Collection
TreeViewSingle-select hierarchical collection with branch expansion, depth cues, and keyboard traversal.
Overlay
DialogModal overlay surface with focus containment, backdrop dismissal, and tokenized sizing.
Overlay
DrawerEdge-anchored dialog surface for contextual tasks, side sheets, and longer-form secondary workflows.
Overlay
PopoverAnchored floating surface with deterministic placement and dismissal for contextual supporting content.
Collection
MenuData-driven action list with highlight, selection, and overlay containment.
Navigation
PaginationWindowed page navigation with current-state emphasis, ellipsis logic, and 44px targets.
Field
FileUploadStyled upload field shell with file-list feedback and proof-backed trigger sizing.
Status
ProgressLinear progress meter with tone-aware fill, readable labels, and restrained motion.
Collection
SelectField-shell trigger and single-select listbox built on DK overlays and list navigation.
Display
SkeletonLoading placeholder blocks for text, cards, and avatar spaces with tokenized shimmer and restrained motion.
Collection
TableProduct-grade data table with sorting, selection, sticky headers, and overflow-first responsiveness.
Collection
DataGridLiteGrid-semantics data surface with cell focus, pinned leading columns, and shared sorting/selection behavior with Table.
Overlay
TooltipNon-interactive floating hint surface with anchored containment and restrained motion.
Status
ToastData-driven feedback stack for transient notifications with placement, action, and dismissal behavior.