セレクトSelect
Experimental

ボタンで開く選択肢のリストを表示します。

プレビュー

状態とバリエーション

ラベル付き

フォーム内ではラベルと補足文を合わせて配置します。

他の入力欄と同じ幅で揃います。

グループ化

候補が多い時は optgroup で分類します。

候補が多い場合はカテゴリで整理します。

無効化

選べない理由はツールチップと補足文で伝えます。

変更が必要な場合は管理者に依頼してください。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
valuestring-外部から制御する選択値です。
defaultValuestring-初期選択値です。
onChangeReact.ChangeEventHandler<HTMLSelectElement>-選択値が変わった時に呼ばれます。
disabledbooleanfalse選択できない状態にします。理由はツールチップで補足します。

使い方

Loading...