入力欄InputExperimental
フォームの入力フィールド、または入力欄風のコンポーネントを表示します。
プレビュー
状態とバリエーション
ラベル付き
アクセシブルにする最小構成です。ラベルと入力欄の ID を紐づけます。
バリデーションエラー
エラー状態を付与すると、入力欄の輪郭が警告色になります。エラーメッセージは入力欄の直下に置きます。
無効化
編集できない時の状態です。理由はフィールド上のツールチップと補助テキストで補足します。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| type | string | - | テキスト、メールアドレス、パスワードなど、入力欄の種類を指定します。 |
| placeholder | string | - | 未入力時に入力欄内へ表示する補助テキストです。 |
| disabled | boolean | - | 入力できない状態にします。 |
使い方
Loading...