Forms
283 components
- A stepper number field built on React Aria Components, with plan-bounded steppers, commit-time clamping, a live billing status and inline validation. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Number Field
A stepper number field built on React Aria Components, with plan-bounded steppers, commit-time clamping, a live billing status and inline validation.
React Ariaformnumber-fieldreact-ariaApache-2.0 - A single-select list box of notification sounds with a disabled option and typeahead. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria List Box
A single-select list box of notification sounds with a disabled option and typeahead.
React Ariaformsinteractivelist-boxApache-2.0 - A grouped quantity control: an input and step buttons sharing one labelled group. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Group
A grouped quantity control: an input and step buttons sharing one labelled group.
React AriaformsgroupinteractiveApache-2.0 - A sign-up form with native required validation and a server-style error for a taken email. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Form
A sign-up form with native required validation and a server-style error for a taken email.
React AriaformformsinteractiveApache-2.0 - A drop zone for images with a keyboard-accessible file picker fallback. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Drop Zone
A drop zone for images with a keyboard-accessible file picker fallback.
React Ariadrop-zoneformsinteractiveApache-2.0 - A DateRangePicker with start and end segments and a range calendar popover for trip dates. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Date Range Picker
A DateRangePicker with start and end segments and a range calendar popover for trip dates.
React Ariadate-range-pickerformsinteractiveApache-2.0 - A DatePicker with segmented date entry and a calendar popover for picking a start date. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Date Picker
A DatePicker with segmented date entry and a calendar popover for picking a start date.
React Ariadate-pickerformsinteractiveApache-2.0 - A booking date entered segment by segment with DateField, reporting the ISO date locally. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Date Field
A booking date entered segment by segment with DateField, reporting the ISO date locally.
React Ariadate-fieldformsinteractiveApache-2.0 - A filterable timezone combo box with a toggle button and keyboard selection. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Combo Box
A filterable timezone combo box with a toggle button and keyboard selection.
React Ariacombo-boxformsinteractiveApache-2.0 - A hue ColorWheel with a draggable, keyboard-adjustable thumb that tints a local preview. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Color Wheel
A hue ColorWheel with a draggable, keyboard-adjustable thumb that tints a local preview.
React Ariacolor-wheelformsinteractiveApache-2.0 - A theme accent chosen from a ColorSwatchPicker, with arrow-key navigation between swatches. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Color Swatch Picker
A theme accent chosen from a ColorSwatchPicker, with arrow-key navigation between swatches.
React Ariacolor-swatch-pickerformsinteractiveApache-2.0 - A labelled hue slider with a colour thumb and live output for a theme accent. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Color Slider
A labelled hue slider with a colour thumb and live output for a theme accent.
React Ariacolor-sliderformsinteractiveApache-2.0 - A ColorPicker combining a saturation and brightness area, a hue slider and a hex field. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Color Picker
A ColorPicker combining a saturation and brightness area, a hue slider and a hex field.
React Ariacolor-pickerformsinteractiveApache-2.0 - A hex colour field that parses, validates and previews the entered colour. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Color Field
A hex colour field that parses, validates and previews the entered colour.
React Ariacolor-fieldformsinteractiveApache-2.0 - A two-dimensional ColorArea that picks saturation and lightness for a brand colour. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Color Area
A two-dimensional ColorArea that picks saturation and lightness for a brand colour.
React Ariacolor-areaformsinteractiveApache-2.0 - A labelled checkbox group of dietary needs with a description and required validation. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Checkbox Group
A labelled checkbox group of dietary needs with a description and required validation.
React Ariacheckbox-groupformsinteractiveApache-2.0 - Controlled checkbox preference with disabled companion. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Checkbox
Controlled checkbox preference with disabled companion.
React Ariacheckboxinteractivereact-ariaApache-2.0 - A month Calendar with previous and next controls and weekends marked unavailable. React Aria, Forms, 0 votes, Apache-2.0 licenceforms0
React Aria Calendar
A month Calendar with previous and next controls and weekends marked unavailable.
React AriacalendarformsinteractiveApache-2.0 - A controlled Radix Switch settings list with visible labels, descriptions and a disabled option. Radix Primitives, Forms, 0 votes, MIT licenceforms0
Radix Switch
A controlled Radix Switch settings list with visible labels, descriptions and a disabled option.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - A two-thumb Radix Slider budget range with labelled thumbs, value text, keyboard steps and reset. Radix Primitives, Forms, 0 votes, MIT licenceforms0
Radix Slider
A two-thumb Radix Slider budget range with labelled thumbs, value text, keyboard steps and reset.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - A time zone select with grouped options, a check on the chosen item and a disabled option. Radix Primitives, Forms, 0 votes, MIT licenceforms0
Radix Select
A time zone select with grouped options, a check on the chosen item and a disabled option.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - An accessible Radix Radio Group example with controlled selection, keyboard navigation and disabled-state behavior. Radix Primitives, Forms, 0 votes, MIT licenceforms0
Radix Radio Group
An accessible Radix Radio Group example with controlled selection, keyboard navigation and disabled-state behavior.
Radix Primitivesaccessiblekeyboardradio-groupMIT - A password input with a button that shows or hides the characters, keeping focus in the field. Radix Primitives, Forms, 0 votes, MIT licenceforms0
Radix Password Toggle Field
A password input with a button that shows or hides the characters, keeping focus in the field.
Radix Primitivesaccessiblekeyboardpassword-toggle-fieldMIT - A six-digit sign-in code field that accepts typing or pasting and moves focus between digits. Radix Primitives, Forms, 0 votes, MIT licenceforms0
Radix One-Time Password Field
A six-digit sign-in code field that accepts typing or pasting and moves focus between digits.
Radix Primitivesaccessiblekeyboardone-time-password-fieldMIT
