Yamada UIにスターをあげる
ドキュメントを検索する
InputやSelectなど、プロジェクトのフォームを構築するコンポーネントが用意されています。
Input
Select
FormControlは、フォーム要素に、ラベル、ヘルパーメッセージ、エラーメッセージなどをグループ化するために使用されるコンポーネントです。
FormControl
Fieldsetは、フィールドセット要素に、レジェンド、ヘルパーメッセージ、エラーメッセージなどをグループ化するために使用されるコンポーネントです。
Fieldset
Buttonは、フォームの送信、モーダルの開閉など、ユーザーが操作できるインタラクティブなコンポーネントです。
Button
IconButtonは、ボタン内にアイコンを表示するコンポーネントです。
IconButton
Inputは、ユーザーからのテキスト入力を取得するために使用されるコンポーネントです。
NumberInputは、ユーザーからの数値入力を取得するために使用されるコンポーネントです。
NumberInput
PasswordInputは、表示・非表示の切り替えができるパスワード入力用のコンポーネントです。
PasswordInput
PinInputは、ピンコードやOTP(ワンタイムパスワード)の入力を取得するために使用されるコンポーネントです。
PinInput
PhoneInputは、現在作成を検討しています。
PhoneInput
Textareaは、複数行のテキスト入力を取得するために使用されるコンポーネントです。
Textarea
Radioは、ユーザーが複数の選択肢の中から1つを選択するための使用されるコンポーネントです。
Radio
RadioCardは、ユーザーが複数の選択肢の中から1つを選択するための使用されるコンポーネントです。
RadioCard
Checkboxは、ユーザーが複数の選択肢の中から複数の値を選択するための使用されるコンポーネントです。
Checkbox
CheckboxCardは、ユーザーが複数の選択肢の中から複数の値を選択するための使用されるコンポーネントです。
CheckboxCard
Switchは、オンとオフの状態を切り替えるために使用されるコンポーネントです。
Switch
Toggleは、オンまたはオフの2つの状態を持つコンポーネントです。
Toggle
Selectは、ユーザーがオプションのリストから1つを選択するために使用されるコンポーネントです。
MultiSelectは、ユーザーがオプションのリストから複数の値を選択するために使用されるコンポーネントです。
MultiSelect
NativeSelectは、ユーザーがオプションのリストから1つを選択するために使用されるコンポーネントです。ブラウザ(ユーザーエージェント)によって提供されるネイティブなドロップダウンリストを表示します。
NativeSelect
Autocompleteは、ユーザーのテキスト入力に応じて候補を表示するために使用されるコンポーネントです。
Autocomplete
MultiAutocompleteは、ユーザーのテキスト入力に応じて候補を表示し、複数の値を取得するために使用されるコンポーネントです。
MultiAutocomplete
DatePickerは、ユーザーが日付を選択するために使用されるコンポーネントです。
DatePicker
MultiDatePickerは、ユーザーが日付を複数選択するために使用されるコンポーネントです。
MultiDatePicker
RangeDatePickerは、ユーザーが日付を範囲選択するために使用されるコンポーネントです。
RangeDatePicker
TimePickerは、現在作成を検討しています。
TimePicker
MonthPickerは、ユーザーが月を選択するために使用されるコンポーネントです。
MonthPicker
YearPickerは、ユーザーが年を選択するために使用されるコンポーネントです。
YearPicker
ColorPickerは、ユーザーが色を選択したり任意の色の値を入力するために使用されるコンポーネントです。
ColorPicker
FileInputは、ユーザーがファイルを選択するために使用されるコンポーネントです。
FileInput
FileButtonは、ユーザーがファイルを選択するために使用されるボタンのコンポーネントです。
FileButton
Dropzoneは、ファイルをドラッグアンドドロップでアップロードするために使用されるコンポーネントです。
Dropzone
Sliderは、ユーザーが値の範囲から選択するために使用されるコンポーネントです。
Slider
RangeSliderは、ユーザーが関連する値の範囲を選択するために使用されるコンポーネントです。
RangeSlider
HueSliderは、ユーザーが色相を選択するために使用されるコンポーネントです。
HueSlider
AlphaSliderは、ユーザーが色の透明度を選択するために使用されるコンポーネントです。
AlphaSlider
SaturationSliderは、ユーザーが色の彩度を選択するために使用されるコンポーネントです。
SaturationSlider
Editableは、インラインで編集可能なテキスト入力を取得するために使用されるコンポーネントです。
Editable
Ratingは、ユーザーが評価を行うために使用させるコンポーネントです。
Rating
SegmentedControlは、ユーザーが複数の選択肢の中から1つを選択するための使用されるコンポーネントです。
SegmentedControl
GitHubでこのページを編集する