ComponentsForm Controls
Form Controls
Inputs, choice controls and form composition primitives.
AutocompleteRemote user suggestions and other async results while a user types, with free-text input for search and tagging.CalendarCalendar wraps React DayPicker for single-date, multiple-date, and date-range selection.CheckboxCheckbox represents a Boolean choice or one option within a multi-select group.Checkbox GroupCheckbox Group lets users select any number of options from a related set.Color PickerColor Picker lets users choose and submit short hexadecimal color values through a visual control.ComboboxCombobox provides searchable single- and multi-select lists, including chip-based selection.Date PickerDate Picker composes Button, Popover, and Calendar into an accessible single-date selection pattern.FieldField connects one form control with its label, description, validation state, and error message.FieldsetFieldset groups related form fields under a shared semantic legend.FormForm coordinates related fields, submission, validation, and server errors in one accessible workflow.InputInput is the standard control for short free-text values, search fields, and compact form data.Input GroupInput Group combines an input or textarea with tightly related icons, units, text, shortcuts, or inline actions.LabelLabel gives one form control a visible, clickable name through htmlFor or wrapper semantics.Number FieldNumeric input with keyboard entry, step controls, range constraints, formatting and optional scrubbing.OTP FieldFixed-length segmented input for one-time passwords, verification codes and recovery codes.Radio GroupSingle-select controls for choosing exactly one option from a short visible list.SelectA small known set of options for single or multiple selection without text search.Selectable CardA card-shaped button with controlled selected state, keyboard focus and pressed semantics.SliderSingle-value and range selection across a continuous or stepped visual scale.SwitchDirect on-or-off preferences with native form state, labels, sizes and reduced-motion support.TextareaMulti-line free-form input for notes, comments and longer descriptions.