Switch
ユーザーがオンとオフの状態を切り替えるためのUIコンポーネントです。通常、トグルスイッチやチェックボックスのような外観を持ち、オンとオフの2つの状態を持ちます。マークするだけのCheckboxとは異なり、Switchは状態を直接変更できます。Switchは、さまざまな設定やオプションの有効化や無効
ユーザーがオンとオフの状態を切り替えるためのUIコンポーネントです。通常、トグルスイッチやチェックボックスのような外観を持ち、オンとオフの2つの状態を持ちます。マークするだけのCheckboxとは異なり、Switchは状態を直接変更できます。Switchは、さまざまな設定やオプションの有効化や無効
ユーザーが時間を選択するためのコンポーネントです。ユーザーは、特定の時間や時間範囲を選択して、その情報をアプリケーションに送信したり、表示することができます。Properties (振る舞いの設定)Component Propertiesで設定されている内容。
ユーザーが複数の選択肢の中から1つだけを選択するためのインタラクティブなコンポーネントです。ラジオボタンは、選択項目の横に表示されます。ユーザーは、その中から1つだけを選択することができます。設計の原則複数選択が必要な場合、もしくは選択する項目がひとつしかない場合は、必ずチェックボッ
Inputは、ユーザーがコンテンツやデータを操作したり入力したりすることが可能なコンポーネントです。Form Setに入れてLabelやHelper Textとセットで使用します。設計の原則コンテナーの横幅は、言葉の長さに合わせて調整しましょう。ラベルテキストは端的に表現してください。入力
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で、状態の変更には別