Tree
階層構造を持つデータを視覚的に表示するためのUIコンポーネントです。Treeは、親要素と子要素の関係によって形成される階層構造を視覚的に表現し、ユーザーがデータを探索したり操作したりするのに役立ちます。用途として主にファイルシステム、カテゴリやサブカテゴリの階層、組織図、フォルダとファイル
階層構造を持つデータを視覚的に表示するためのUIコンポーネントです。Treeは、親要素と子要素の関係によって形成される階層構造を視覚的に表現し、ユーザーがデータを探索したり操作したりするのに役立ちます。用途として主にファイルシステム、カテゴリやサブカテゴリの階層、組織図、フォルダとファイル
ユーザーに対して情報やヒントを提供するためのコンポーネントです。通常、ユーザーが要素にカーソルを合わせる（ホバーする）と、関連する情報が短いメッセージで表示されます。ユーザーがカーソルを外すと、Tooltipは非表示になります。Properties（振る舞いの設定）Componen
ユーザーが表示/非表示を切り替えることができる情報やヒントを提供するコンポーネントです。通常、ユーザーがアイコンやボタンをクリックすると、関連する情報が表示され、再度クリックすると非表示になるように設計されます。短い文字情報のみ表示するタイプのToggle tip Componentは「T
1つの主題に関連するコンテンツをグループ化し、表示できます。コンテンツは、さまざまなタイプとサイズの複数の要素で構成できます。Properties （振る舞いの設定）Component Propertiesで設定されている内容。PCSP
分類または設定や状態をマークする時に使用します。用途に合わせて色を設定したり、追加・削除の機能をできるようにしてください。Properties（振る舞いの設定）Component Propertiesで設定されている内容。
Tableは、データを表形式で表示するためのコンポーネントです。行と列からなるグリッド構造を持ち、セルにデータが配置されます。Tableは、通常、ヘッダー行、データ行、フッター行で構成されます。ヘッダー行は列の見出しを表示し、データ行は実際のデータを表示します。フッター行は、データの集計値
Tabは、関連するコンテンツをグループ化し、ユーザーがそれらのコンテンツ間を切り替えることで、ページを離れることなく表示を切り替えられるようにするUIです。Tabは、水平に配置された一連のタブ（ボタンやリンク）から成り、各タブには対応するコンテンツが関連付けられています。ユーザーが特定のタ
Headlineは見出しです。ページのコンテンツにおいて見出しの役割をします。Title with Buttonsはページ全体の見出し、Title with subTitleはコンポーネントやUIの固まりに対する見出しとして使用できます。設計の原則見出しレベルは、見た目の大きさではなく、文
プレビュー可能な画像画像を表示する必要がある場合に使用します。画像の差し替え方デフォルトに設定されている画像を差し替えしたい場合、右のパネルからimegeを選択し、「Choose image」を選択し、差し替えたい画像をアップロードすると差し替えることができます。
Chart (グラフとも呼ばれます) は、データを視覚化するためのものです。ユーザーの見たい視点を考慮し、最適なChartを選ぶようにしましょう。Stats現在の値を要約し、一目で確認したい時に使用します。使用グリッドは1/4〜1、表示サマリー数は表示グリッドに応じて調整します