Ishibashi | UXHubマニュアル

Radio Button

ユーザーが複数の選択肢の中から1つだけを選択するためのインタラクティブなコンポーネントです。ラジオボタンは、選択項目の横に表示されます。ユーザーは、その中から1つだけを選択することができます。設計の原則複数選択が必要な場合、もしくは選択する項目がひとつしかない場合は、必ずチェックボッ

Form Setは、ユーザーがデータを入力したり、オプションを設定したりするための、入力コンポーネントのグループです。設計の原則Verticalラベルを垂直方向に配置したタイプ。ユーザーに入力させたい項目が多い場合は、ユーザーの目線の動きを抑えられます。Horizontal主に検索エリ

File Uploadは、ユーザーが1つまたは複数のファイルを選択し、特定の場所にアップロードすることができるコンポーネントです。Variables （色の設定）各ステート時の配色はこちらを参考にしてください。LV1 / File SelecElemen

ユーザーが複数のオプションの中からひとつの選択肢を選ぶことを可能にするコンポーネントです。Form Setに入れてラベルとセットで使用しますが、入力項目が1つしかなく、その意味を画面タイトルなどで明確に説明できる場合は省略可能です。設計の原則Popup Menuと一緒に使用します。

ユーザーが複数のオプションから複数の項目を選択するためのUIです。チェックボックスを1つだけ使用する場合は、Switchを使って2つの状態を切り替える事と同じですが、以下の違いがあります。Switch=状態を直接変更できるCheckbox=マークするだけのUIで、状態の変更には別

Popup Menuは、クリックすることで追加情報を表示することができます。中身はカスタマイズ可能でListやButtonなどのインタラクションを含むことができます。メニューのカスタマイズPopup Menu / Customizeを使ってメニューの中に他のインスタンスを入れる

Shortcutは、業務上よく使う機能やページに素早く遷移するためのコンポーネントです。ユーザーは、メニューの項目を選択するなどの複数の手順を経る代わりに、Shortcutを使用して直接操作や機能にアクセスすることができます。Properties （振る舞いの設定）Compon

Headerは、ロゴやサービス名、アカウント情報、設定や通知などのグローバルなアクションへのアクセスを提供します。ページの最上部に表示し、スクロール固定され常時見えている状態になります。SPでは画面サイズの関係で表示できる情報量を制限し、メニュー内で情報を表示するためその導線を設置していま

画面の端に表示され、コンテンツを開閉することが可能なパネルです。Drawerは、ユーザーにさまざまなオプションや設定にアクセスしたり、特定のタスクを実行したりするために使用できます。Drawerを使用して、ナビゲーションメニューや検索などの様々なオプションを表示できます。PCDrawe

Paperは、ページにおける大きな情報のまとまりをグルーピングするための表示領域です。機能や情報の位置付けが大きく変わる場合にはPaperを分けてグルーピングしてください。※グルーピングするためのPaperは柔軟性を保つためにインスタンス化していません。コピーしてご使用ください。De