Forms

283 components

forms0
HeroUI Checkbox
Controlled checkbox preference with disabled companion.
HeroUIcheckboxherouiinteractiveApache-2.0
forms0
HeroUI Calendar
A HeroUI Calendar for picking a delivery day, with month navigation and the chosen date.
HeroUIcalendarformsherouiApache-2.0
forms0
HeroUI Autocomplete
A reviewer picker built from HeroUI Autocomplete with a search field that filters a list box.
HeroUIautocompleteformsherouiApache-2.0
forms0
Headless UI Textarea
A feedback textarea with a linked description and a live character limit.
Headless UIformsheadless-uiinteractiveMIT
forms0
Headless UI Switch
A controlled Headless UI Switch example with labelled controls and keyboard/disabled-state behavior.
Headless UIaccessibleheadless-uikeyboardMIT
forms0
Headless UI Select
A labelled native time-zone select that converts a meeting time.
Headless UIformsheadless-uiinteractiveMIT
forms0
Headless UI Radio Group
An accessible Headless UI Radio Group example with controlled selection, keyboard navigation and disabled-state behavior.
Headless UIaccessibleheadless-uikeyboardMIT
forms0
Headless UI Listbox
Controlled plan selection with a disabled option, keyboard navigation and local status.
Headless UIheadless-uiinteractivelistboxMIT
forms0
Headless UI Input
An invite-by-email field with a linked label, description and invalid state.
Headless UIformsheadless-uiinputMIT
forms0
Headless UI Fieldset
A billing address fieldset that disables every field when it matches shipping.
Headless UIfieldsetformsheadless-uiMIT
forms0
Headless UI Field
A custom-domain field whose label, description and input disable together by plan.
Headless UIfieldformsheadless-uiMIT
forms0
Headless UI Combobox
An assignee picker built on the Headless UI combobox, with type-to-filter options, a disabled teammate and an empty-results message.
Headless UIautocompletecomboboxformMIT
forms0
Headless UI Checkbox
Sign-up consent checkboxes with labels and descriptions; the terms box gates account creation.
Headless UIcheckboxformsheadless-uiMIT
forms0
Flowbite React Toggle Switch
An attributed Flowbite React Toggle Switch example with local CSS, accessible controls and announced state.
Flowbite Reactcompiled-cssflowbite-reactinteractiveMIT
forms0
Flowbite Textarea
A feedback Flowbite Textarea with a label and a remaining character count.
Flowbite Reactflowbite-reactflowbite-textareaformsMIT
forms0
Flowbite React TextInput
Controlled local email validation and focus recovery.
Flowbite Reactflowbite-reactinteractivetext-inputMIT
forms0
Flowbite React Select
Controlled plan selection with a disabled option, keyboard navigation and local status.
Flowbite Reactflowbite-reactinteractiveselectMIT
forms0
Flowbite Rating
A product rating shown with Flowbite stars that updates from local review buttons.
Flowbite Reactflowbite-ratingflowbite-reactformsMIT
forms0
Flowbite React Range Slider
Labelled volume and brightness range sliders with live values and a reset action.
Flowbite Reactflowbite-reactformrange-sliderMIT
forms0
Flowbite React Radio
Controlled single-selection plan group with disabled Enterprise.
Flowbite Reactflowbite-reactinteractiveradioMIT
forms0
Flowbite Label
A sign-up form whose Flowbite labels show success or failure colours from local validation.
Flowbite Reactflowbite-labelflowbite-reactformsMIT
forms0
Flowbite Helper Text
A username field whose Flowbite helper text switches between guidance and an error.
Flowbite Reactflowbite-helper-textflowbite-reactformsMIT
forms0
Flowbite Floating Label
An email field whose Flowbite floating label rises above the value.
Flowbite Reactflowbite-floating-labelflowbite-reactformsMIT
forms0
Flowbite File Input
A receipt File Input with a label and helper text that lists the chosen file locally.
Flowbite Reactflowbite-file-inputflowbite-reactformsMIT