インプットテキスト(概要)

テキスト入力コンポーネントは、名前や電話番号など、1行以内のテキストを入力する場合に使用します。
仕様
パーツ

- 入力フィールド(必須)
- 項目ラベル(必須)
- 要否ラベル
- サポートテキスト
- エラーテキスト
使い方
設計の原則
- 入力フィールドの横幅は、言葉の長さに合わせて調整してください。入力すべきものをより直感的にわかりやすくできます。
- サポートテキストは入力例や入力に必要な説明を記入することで利用者の入力を補助できます。
良い例

入力フィールドが入力すべきテキストの長さに合っている
悪い例

すべての入力フィールドが同じ長さになっている
各種リソース
種別 | リソース | 状態 |
---|---|---|
デザイン | デザインデータ(Figma) | 提供中 |
実装 | ソースコード(HTML+CSS) | 提供予定 |
サンプル(HTML+CSS) | 提供予定 | |
ソースコード(React+Tailwind CSS) | 提供中 | |
サンプル(React+Tailwind CSS) | 提供中 |