Saidaの記事一覧

Snackbar

ユーザーにメッセージや通知を表示するためのUIコンポーネントです。Snackbarは、画面の一部に一時的に表示され、一定の時間が経過すると自動的に消えることが一般的です。Snackbarは、アクションの完了や状態の変化、エラーメッセージの表示など、さまざまな目的で使用されます。通常、画面の

Notification

Notificationは、ユーザーに情報を伝えるためのメッセージ・通知のことです。ユーザーの行った操作へのフィードバックの他、システムからのお知らせ・通知・障害なども表示できます。背景にはOverlayが入ります。表示中は背景画面の操作ができずユーザーが能動的に消す必要があり、Alertよりも強

Loading

ページまたはセクションの読み込み状態を表示します。ページの一部が非同期データを待機しているとき、またはレンダリングプロセス中に、この読み込みアニメーションを使う事でユーザーの不安を効果的に軽減できます。使用時の注意ページ全体、もしくは一部、またアクションに対する処理が読み込み中など場合に合

Dialog

Dialogは、重要な情報を知らせ、決定や選択を求めるパーツに対して適用します。設計の原則Dialogは、ページ全体に黒いオーバーレイがかけられた上に表示され、オーバーレイの下に見えている機能は操作できません。使用時の注意・複数のタスクを含む場合があります。一時的にユーザーの

Alert

ユーザーに何かを通知したり、警告したりするために使用されます。Alertを使用して、次のようなメッセージを表示できます。・成功メッセージ・警告メッセージ・エラーメッセージまた、ユーザーに特定のタスク実行を依頼するためにも使用できます。たとえば、次のようなタスクを実行するように依頼できます。

Tree

階層構造を持つデータを視覚的に表示するためのUIコンポーネントです。Treeは、親要素と子要素の関係によって形成される階層構造を視覚的に表現し、ユーザーがデータを探索したり操作したりするのに役立ちます。用途として主にファイルシステム、カテゴリやサブカテゴリの階層、組織図、フォルダとファイル

Tooltip

ユーザーに対して情報やヒントを提供するためのコンポーネントです。通常、ユーザーが要素にカーソルを合わせる（ホバーする）と、関連する情報が短いメッセージで表示されます。ユーザーがカーソルを外すと、Tooltipは非表示になります。Properties（振る舞いの設定）Componen

Toggle tip

ユーザーが表示/非表示を切り替えることができる情報やヒントを提供するコンポーネントです。通常、ユーザーがアイコンやボタンをクリックすると、関連する情報が表示され、再度クリックすると非表示になるように設計されます。短い文字情報のみ表示するタイプのToggle tip Componentは「T

Tag

分類または設定や状態をマークする時に使用します。用途に合わせて色を設定したり、追加・削除の機能をできるようにしてください。Properties（振る舞いの設定）Component Propertiesで設定されている内容。

Table

Tableは、データを表形式で表示するためのコンポーネントです。行と列からなるグリッド構造を持ち、セルにデータが配置されます。Tableは、通常、ヘッダー行、データ行、フッター行で構成されます。ヘッダー行は列の見出しを表示し、データ行は実際のデータを表示します。フッター行は、データの集計値