Leave Yamada UI a star
Search the docs
Components for building forms in the project, such as Input and Select, are available.
Input
Select
FormControl is a component used to group form elements with label, helper message, error message, etc.
FormControl
Fieldset is a component used to group elements such as legends, helper messages, and error messages in a fieldset element.
Fieldset
Button is an interactive component that allows users to perform actions such as submitting forms and toggling modals.
Button
IconButton is a component that displays an icon within a button.
IconButton
Input is a component used to obtain text input from the user.
NumberInput is a component used to obtain numeric input from the user.
NumberInput
PasswordInput is a component that allows users to input passwords with a visibility toggle.
PasswordInput
PinInput is a component used to capture pin codes or OTP (One-Time Password) inputs.
PinInput
We are currently considering the development of PhoneInput.
PhoneInput
Textarea is a component used to obtain multi-line text input.
Textarea
Radio is a component used for allowing users to select one option from multiple choices.
Radio
RadioCard is a component used for allowing users to select one option from multiple choices.
RadioCard
Checkbox is a component used for allowing users to select multiple values from multiple options.
Checkbox
CheckboxCard is a component used for allowing users to select multiple values from multiple options.
CheckboxCard
Switch is a component used to toggle between on and off states.
Switch
Toggle is a component that has two states: on or off.
Toggle
Select is a component used for allowing a user to choose one option from a list.
MultiSelect is a component used for allowing users to select multiple values from a list of options.
MultiSelect
NativeSelect is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).
NativeSelect
Autocomplete is a component used to display suggestions in response to user text input.
Autocomplete
MultiAutocomplete is a component used to display suggestions based on user text input and to obtain multiple values.
MultiAutocomplete
DatePicker is a component used for users to select a date.
DatePicker
MultiDatePicker is a component used for users to select multiple dates.
MultiDatePicker
RangeDatePicker is a component used for users to select a range of dates.
RangeDatePicker
We are currently considering the development of TimePicker.
TimePicker
MonthPicker is a component used for users to select a month.
MonthPicker
YearPicker is a component used for users to select a year.
YearPicker
ColorPicker is a component used by the user to select a color or enter an arbitrary color value.
ColorPicker
FileInput is a component used for users to select files.
FileInput
FileButton is a button component used for users to select files.
FileButton
Dropzone is a component used for uploading files via drag and drop.
Dropzone
Slider is a component used for allowing users to select a value from a range.
Slider
RangeSlider is a component used for users to select a range of related values.
RangeSlider
HueSlider is a component used to allow the user to select a color hue.
HueSlider
AlphaSlider is a component used to allow the user to select color transparency.
AlphaSlider
SaturationSlider is a component used to allow the user to select a color saturation.
SaturationSlider
Editable is a component used to obtain inline editable text input.
Editable
Rating is a component used to allow users to provide ratings.
Rating
SegmentedControl is a component used for allowing users to select one option from multiple choices.
SegmentedControl
Edit this page on GitHub