Inputs
Form and interaction controls — buttons, selects, sliders, date pickers, and more. Each ships owned CSS, signal-driven state, and WCAG 2.2 AA keyboard support out of the box.
40 inputs components
- Button — Triggers an action or event
- ButtonGroup — Visually joins a set of related buttons into a single segmented control
- Calendar — An accessible standalone month-grid date picker.
- Checkbox — Binary toggle for forms, with indeterminate support
- CheckboxCard — Multi-selectable card backed by a native checkbox. Use multiple independent CheckboxCards for multi-select scenarios.
- CodeEditor — Lightweight code editor — a native textarea overlaid on a syntax-highlighted layer, with line numbers and Tab indent.
- ColorPicker — Interactive color selection widget with saturation/lightness area, hue and alpha sliders
- Combobox — Filterable single-select with an animated custom listbox, built on the dropdown open/close machine
- CopyButton — Icon button that copies a value to the clipboard with copied feedback
- DatePicker — An accessible date-picker with a calendar popover.
- DateRangePicker — A dual-calendar picker for selecting a contiguous date range.
- Editable — Inline click-to-edit text field
- Fab — Floating action button anchored to a screen corner, with an optional speed-dial of secondary actions
- Field — Form-field wrapper composing label, control, description, and error
- FileUploader — Drag-and-drop file upload zone with file list and status indicators.
- Filter — A group of toggleable pill or outline buttons for filtering content by category
- Form — Typed signal-based form store (createForm/useForm) with sync/async validation and a thin Form element wrapper
- IconButton — Square, icon-only button with a required accessible label
- Input — Text input field with optional label, hint, and error state
- InputGroup — Prefix/suffix addon wrapper for Input; InputGroupAddon renders inline icons/units inside the field border; ButtonGroup collapses adjacent button borders
- Label — Accessible caption for a form control
- MultiSelect — Searchable multi-value select with popover listbox
- NativeSelect — A styled native <select> that keeps platform form/keyboard behavior with a custom chevron and focus ring
- NumberInput — Numeric input with stepper buttons, clamping, precision, and locale formatting
- OtpInput — Segmented one-time code input
- PasswordInput — Password input with reveal toggle and optional strength meter
- Radio — Single choice from a set, grouped with RadioGroup
- RadioCard — Selectable card backed by a native radio input. Use RadioCardGroup for single-select groups.
- RatingGroup — Star rating input with accessible radio group pattern
- Search — Search input with debounced search callback and clear button
- SegmentedControl — Mutually exclusive toggle group
- Select — Native select menu styled to match the design system
- Slider — Range input for selecting a value within bounds
- Swap — Animated toggle between two icon/content states with rotate or flip transition
- TagsInput — Free-form multi-value chip input
- Textarea — Multi-line text input with optional label, hint, and error state
- Tile — A selectable card with radio (single) or checkbox (multi) semantics, toggled by click or keyboard
- TimePicker — Native time input wrapper with label, hint, error, and size variants
- Toggle — On/off switch built as an accessible button
- ToggleGroup — A set of toggle buttons for single or multiple selection