Form
Form
フォームフィールドコンポーネント群
概要
フォーム入力に使用するフィールドコンポーネント群。各フィールドは label、description、error を共通のインターフェースとして持ち、アクセシビリティ対応済み。
フィールド一覧
| コンポーネント | 用途 |
|---|---|
| TextField | テキスト / パスワード入力 |
| TextareaField | 複数行テキスト入力 |
| SelectField | ドロップダウン選択 |
| CheckboxField | チェックボックス |
| SwitchField | トグルスイッチ |
| RadioGroupField | ラジオボタングループ |
| SliderField | 数値スライダー |
| ComboboxField | 検索可能ドロップダウン |
| SimpleEditorField | リッチテキストエディタ |
共通パターン
すべてのフィールドは以下の共通パターンに従う:
labelからIDを自動生成（例:text-field-${label}）errorが設定されるとaria-invalidが付与されるdescriptionはエラーがない場合にヘルパーテキストとして表示される