Form Set
Form Setは、ユーザーがデータを入力したり、オプションを設定したりするための、入力コンポーネントのグループです。設計の原則Verticalラベルを垂直方向に配置したタイプ。ユーザーに入力させたい項目が多い場合は、ユーザーの目線の動きを抑えられます。Horizontal主に検索エリ
Form Setは、ユーザーがデータを入力したり、オプションを設定したりするための、入力コンポーネントのグループです。設計の原則Verticalラベルを垂直方向に配置したタイプ。ユーザーに入力させたい項目が多い場合は、ユーザーの目線の動きを抑えられます。Horizontal主に検索エリ
File Uploadは、ユーザーが1つまたは複数のファイルを選択し、特定の場所にアップロードすることができるコンポーネントです。Variables (色の設定)各ステート時の配色はこちらを参考にしてください。LV1 / File SelecElemen
ユーザーが複数のオプションの中からひとつの選択肢を選ぶことを可能にするコンポーネントです。Form Setに入れてラベルとセットで使用しますが、入力項目が1つしかなく、その意味を画面タイトルなどで明確に説明できる場合は省略可能です。設計の原則Popup Menuと一緒に使用します。
日付を選択または入力するためのUIです。入力する日付が当日に近い場合に有効なコンポーネントであり、生年月日などある程度遡って入力する必要がある場合にはプルダウンを使用してください。設計の原則Inputユーザーが入力する日付が1日の場合はDefault、期間を入力する場合はRangeを使用し
ユーザーが複数のオプションから複数の項目を選択するためのUIです。チェックボックスを1つだけ使用する場合は、Switchを使って2つの状態を切り替える事と同じですが、以下の違いがあります。Switch=状態を直接変更できるCheckbox=マークするだけのUIで、状態の変更には別
Pagenationは、大量のコンテンツやデータを複数のページに分割し、次のページや前のページに移動するためのコントロールとして使用します。種類Paginationは、以下3種類を利用可能です。Pagination Basic:Paginationの基本機能のみPagination
Popup Menuは、クリックすることで追加情報を表示することができます。中身はカスタマイズ可能でListやButtonなどのインタラクションを含むことができます。メニューのカスタマイズPopup Menu / Customizeを使ってメニューの中に他のインスタンスを入れる
Shortcutは、業務上よく使う機能やページに素早く遷移するためのコンポーネントです。ユーザーは、メニューの項目を選択するなどの複数の手順を経る代わりに、Shortcutを使用して直接操作や機能にアクセスすることができます。Properties (振る舞いの設定)Compon
Headerは、ロゴやサービス名、アカウント情報、設定や通知などのグローバルなアクションへのアクセスを提供します。ページの最上部に表示し、スクロール固定され常時見えている状態になります。SPでは画面サイズの関係で表示できる情報量を制限し、メニュー内で情報を表示するためその導線を設置していま
画面の端に表示され、コンテンツを開閉することが可能なパネルです。Drawerは、ユーザーにさまざまなオプションや設定にアクセスしたり、特定のタスクを実行したりするために使用できます。Drawerを使用して、ナビゲーションメニューや検索などの様々なオプションを表示できます。PCDrawe