ラベルLabelExperimental
入力欄や選択肢に紐づくラベルを表示します。
プレビュー
状態とバリエーション
入力欄のラベル
入力欄の id と紐づけると、ラベルをクリックして入力欄へフォーカスできます。
チェック項目のラベル
チェックボックスやラジオボタンでは、操作対象とラベルを横並びにして選択内容を明確にします。
ラジオ選択肢
排他的な選択肢では、各ラベルを対象のラジオボタンに紐づけます。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| htmlFor | string | - | ラベルと対象の入力欄を紐づける ID です。 |
| children | ReactNode | - | ラベルとして表示するテキストや要素です。 |
使い方
Loading...