Preset Primitives

Locked-down wrappers around Base Primitives. Accept only semantic props like variant and size — no structural knobs exposed. The smallest building blocks available to consumers.

39 presets · 27 documented here

Key Characteristics

  • Semantic-only API — variant, size, disabled — no bg, padding, etc.
  • Built on Base Primitives internally — left-side infrastructure hidden from consumers
  • Polymorphic — all support the as prop for HTML element polymorphism
  • Context-aware — automatically adapt in Context Containers via UIContext

Input

InputNumberInputTextareaSelectCheckboxRadioToggle

Display

CardChipsBadgesTagsTooltipAccordionMenu

Actions

ButtonDropdownLinks

Forms

FormAsync / Loading

Pickers & Specialized

DatePickerDateRangePickerTimePickerColorPickerFileUploadMaskedInputRangeSliderRating

How It Fits

Preset Primitives are the atomic layer of the consumer-facing catalog. They get composed into Composites, which are then orchestrated by Compositions into full UI flows. For a complete overview of the three-tier architecture, see the Architecture chart.