Ontology

Components

Reusable interface patterns defined by meaning and behavior-not by a framework component library.

Button

A pressable control that performs a single activation action.

action.button
Link

A navigation affordance that moves to another location or view.

action.link
Text field

A single-line or multi-line field for entering text.

input.text-field
Checkbox

A dual-state or tri-state control for selecting an option independently of others.

input.checkbox
Radio

A single-select option within a mutually exclusive group.

input.radio
Switch

A binary toggle that immediately commits an on or off setting.

input.switch
Combobox

An editable input combined with a listbox of suggested or constrained options.

input.combobox
Tabs

A selection pattern that connects a tab list to corresponding tab panels.

navigation.tabs
Navbar

A landmark region for primary or secondary destination links across an application shell.

navigation.navbar
Sidebar

A persistent or dismissible side region for hierarchical navigation.

navigation.sidebar
Dialog

A modal or explicitly modality-declared overlay that interrupts the page for a focused task.

overlay.dialog
Drawer

A panel that slides in from an edge to present supplementary UI.

overlay.drawer
Popover

A non-modal anchored overlay for lightweight additional UI.

overlay.popover
Tooltip

A short descriptive overlay that clarifies a control without requiring commitment.

overlay.tooltip
Toast

A transient feedback message that confirms an outcome without blocking the entire UI.

feedback.toast
Table

A tabular structure for comparing rows of related data across columns.

data.table
Card

A grouped surface that presents a single related unit of content and optional actions.

container.card