Inputs & forms

Single-thumb slider with pointer drag and keyboard control (arrows, PageUp/Down, Home/End), steps and disabled state.

Dual-thumb range slider with a minimum gap and keyboard control, ideal for price filters.

Toggle switch in three sizes with optional label and description following the ARIA switch pattern.

Checkbox group with a tri-state select-all, descriptions and disabled options.

Selectable radio cards built on native radios with arrow-key support, great for plan pickers.

Textarea that grows with its content up to a max row count, with an optional character counter.

Color picker with a saturation/brightness area, hue bar, hex input and presets, with keyboard nudging.

Search field with a / focus shortcut, Esc to clear, loading state and a clear button.

Phone input with a country dial-code select, live per-country formatting and E.164 output.

Segmented time field with arrow-key stepping, direct digit entry and 12/24-hour modes.

Searchable multi-value dropdown with removable chips, keyboard navigation, select all/clear and a max-selection limit.

Two-month range calendar popover with hover preview, presets, min/max bounds and full keyboard navigation.

Formatted money input with live thousands separators, decimals on blur, a currency selector and min/max validation.

Click-to-edit text or textarea with Enter to save, Esc to cancel, async saving state and validation.

Emoji grid popover with category tabs, search, skin-tone selector, recent row and keyboard grid navigation.

Dual listbox with search, checkbox selection and move selected/all buttons between Available and Chosen.

Single and multiple selection button group with roving tabindex, sizes and outline/ghost variants.

Canvas signature pad using pointer events with undo, clear, pen color/width and PNG download.

Star rating control with hover preview and keyboard support.

One-time code input with paste support, grouping, masking and keyboard navigation.

Password field with show / hide toggle, strength meter and rules checklist.

Tag input — add with Enter or comma, with suggestions and a tag limit.

Drag-and-drop upload zone with type / size checks, file list and progress.

Quantity stepper with press-and-hold acceleration, rolling digits and arrow keys.

Searchable select with keyboard navigation and deselect support.

Date picker and standalone calendar with keyboard navigation, locales and disabled dates.

Sign-in form with social providers, validation, remember me and loading state.