インプット

Input

目的・詳細

ユーザーに情報の入力を促す際に使用するコンポーネントをインプットとしてまとめています。主に申込みや機能の連携などオンボーディングで使用します。

Input

ユーザーがテキストで入力するタイプのコンポーネントです。ユーザーが何を入力すればいいか分かるように必ずラベルをつけてください。サポートテキストは任意で、ラベルのみでは説明が足りない場合に使用します。
パターンは複数用意しています。必要に応じてアイコンをつけたり、電話番号や郵便番号など、ユーザーが直感的になにを入力するのかが分かるよう最適なパーツを選ぶようにしてください。
インプット インプット インプット インプット

Checkbox

主にアプリ外に遷移する場合に使用します。基本的にアプリ内のボタンは他のボタンを検討したうえで、画面内の優先度からやむおえずテキストリンクを使用することも許容します。 チェックボックス チェックボックス

Radio Button

ユーザーが選択肢の中から1つ必須で選択するためのコンポーネントです。 基本縦並び(Vertical)とし、3つ以上選択肢が発生する場合は横並びかつ白背景(Horizontal)を使用してください。 ラジオボタン ラジオボタン