Components

The reference press control — loading, focus, and scale.

• ButtonPressable action with loading and disabled states

Fields that validate, announce, and match the active material.

• TextFieldLabeled input with description and validation
• TextAreaMultiline labeled field with validation
• NumberFieldLocalized number input with steppers
• SearchFieldSearch input with clear control
• InputGroupText field with prefix and suffix affixes
• PasswordFieldnewPassword input with show and hide toggle
• InputOTPnewSegmented one-time code entry
• FileUploadDrag-and-drop upload with browse trigger
• CheckboxBinary choice with animated check mark
• CheckboxGroupMulti-select set with shared validation
• RadioGroupSingle-select radio set
• SwitchImmediate on/off control
• SliderSingle-value range control
• FormAccessible form container for validation

Choose dates and options without leaving the page context.

• SelectSingle-select list with popover
• ComboboxSearchable single-select
• DatePickerCalendar-backed date field

Modals, panels, and hints that respect focus and motion.

• DialogModal confirmation and content surface
• DrawerSide panel for dense tools
• PopoverAnchored panel without a modal layer
• TooltipShort hint on hover or focus
• MenuAction menu from a trigger
• ToastInterruptible notification stack

Wayfinding with shared indicator motion and clear trails.

• TabsSectioned content with indicator motion
• BreadcrumbsHierarchical trail to the current page
• LinkAccessible navigation link

Tables, status, and loading that stay theme-aware.

• TableSortable table foundation
• DataTableTanStack-powered advanced table
• BadgeCompact status and metadata chip
• ProgressDeterminate and indeterminate progress
• SpinnerIndeterminate inline loading indicator
• SkeletonLoading placeholder blocks
• SparklinenewCompact inline trend line
• LineChartnewMulti-series line chart
• AreaChartnewFilled area trends
• BarChartnewCategorical bar chart