Forms

All states: default, filled, focused, error, disabled, and readonly. Labels and inline errors are built in.

Multiline entry and a styled native select with custom chevron.

Checkbox, switch and radio group — all keyboard accessible with custom indicators. Checkbox supports indeterminate for mixed select-all states (≥ 4.8.40); DataTable's header checkbox uses it automatically.

Range input with a yellow thumb and a live value readout.

A calendar popover for date selection — the control native HTML handles poorly.

A drag-and-drop dropzone. Drop files or click to browse; accepted files are listed with a remove button. Use clickLabel and dragLabel for i18n.

Chip-style tag entry. Press Enter to add, Backspace to remove the last tag.

Searchable select with keyboard navigation (↑/↓/Enter/Esc), optional grouped sections, and a no-results state. Two search modes: searchPlacement='trigger' (default) keeps the search input as the trigger field; searchPlacement='dropdown' moves the search inside the popover so the trigger looks like a standard Select button. Both modes work inside Radix Dialog — the dropdown auto-focuses its search input on open and does not close or steal focus from the dialog, and Esc closes only the dropdown (the dialog stays open). The arrow-key highlight is announced to screen readers via aria-activedescendant and scrolls into view in long lists (≥ 4.8.40). On iOS Safari (≥ 4.8.53) the in-dropdown search field renders at ≥16px so focusing it does not auto-zoom, and the popover no longer closes on the focus/zoom scroll iOS emits — only a genuine touch drag dismisses it. Since 4.8.56 the popover is positioned by Floating UI (the same engine as Radix Popover / shadcn): it flips, shifts, clamps its height, and stays glued to the trigger across scroll, resize, and mobile viewport changes (iOS keyboard/zoom/address bar). On touch it stays open and repositions while scrolling; outside-click and Esc still dismiss it. Since 4.14.0, onCreateOption opts into a 'Create «query»' row for fields where the value a user wants may not exist yet — e.g. a category picker.

Password field with show/hide toggle, optional label action, and inline loading spinner.

Strength bar and rule checklist for signup and change-password flows. Compose it below any PasswordInput — pass the same value string.

Label + hint on the left, control on the right. Canonical settings-form layout; stacks on narrow viewports.

Errors surface on submit and clear as the user corrects. Success and failure both confirm with a toast.