Ready-to-use components curated and voted on by the community.
A HeroUI Range Calendar for picking trip dates, reporting the range and number of nights.
Controlled one-plan radio group with disabled Enterprise.
A seat-count Number Field with increment and decrement buttons and a running total.
A multi-select HeroUI List Box of integrations with descriptions and selected indicators.
A six-digit verification code entered with HeroUI Input OTP slots and checked locally.
A price field built from a HeroUI Input Group with currency prefix and suffix.
Controlled local email validation and focus recovery.
A sign-up Form with required fields, native validation messages and a submit action.
A billing Fieldset with a legend, grouped text fields and a save action.
A HeroUI Date Range Picker with start and end date segments and a range calendar popover for team offsite dates.
A HeroUI Date Picker with segmented typing and a calendar popover for a check-in date.
A segmented HeroUI Date Field for a booking date, reporting the ISO value.
A city search built from a HeroUI Combo Box that filters local options and marks the selection.
A theme accent chosen from a HeroUI Color Swatch Picker with a selected indicator.
A hue Color Slider with a label and output that tints a sample button.
A HeroUI Color Picker whose popover combines a colour area and hue slider for a brand colour.
A hex Color Field with a live swatch prefix that previews the typed colour.
A two-dimensional HeroUI Color Area for tuning a brand colour, with a live preview.
Notification preferences chosen with a labelled HeroUI Checkbox Group.
Controlled checkbox preference with disabled companion.
A HeroUI Calendar for picking a delivery day, with month navigation and the chosen date.
A reviewer picker built from HeroUI Autocomplete with a search field that filters a list box.
Icon actions that show HeroUI tooltips with an arrow on hover or keyboard focus.
Success and danger toasts raised through the HeroUI toast queue from local actions.
