Button
Solid, outline, and ghost variants for primary, secondary, and tertiary actions.
Icon
SVG icons via CSS mask, inheriting color and size from the parent.
Badge
Pill-shaped labels for status, counts, or highlights.
Label
Text and icon primitives for components and form fields.
Input
Text input with token-driven states for data entry.
Checkbox
Binary selection with checked, unchecked, and indeterminate states.
Radio
Mutually exclusive choices within a group.
Switch
Binary toggle for immediate on/off settings.
Link
Inline and standalone navigation with token-driven states.
Select
Dropdown for choosing a single option from a predefined list.
Status Light
A labeled status indicator.
Meter
A measurement within a known range.
Progress Bar
Determinate progress and indeterminate loading.
A contextual message.
Inline Alert
Contextual status, confirmation, warning or error in the content flow.
Illustrated Message
Empty, error and no-results states with an optional action.