コンポーネントスタイルの操作

コンポーネントスタイルを使用すると、グローバルテーマ設定に影響を与えることなく、ボタン、フォームコントロール、ナビゲーションなどの個々の UI 要素の外観を微調整できます。グローバルスタイルよりも詳細な制御が必要な場合は、コンポーネントスタイルを使用します。

[コンポーネントスタイル] パネルでは、ボタン、入力、ナビゲーションアイテムなどの特定の要素が、ホバー、フォーカス、無効などのさまざまな状況でどのように見え、動作するかを制御できます。このパネルを使用すると、幅広いテーマに影響を与えることなく、特定の UI 要素の外観を調整できます。

パネルの上部にある検索バーとフィルターバーを使用すると、名前またはカテゴリでコンポーネントを絞り込むことができます。

各コンポーネントはタイルで表され、ナビゲーション、メッセージング、フォームなどの機能別にグループ化されます。コンポーネントタイルを選択すると、そのコンポーネントとそのサブコンポーネントの編集可能なプロパティを含むサイドパネルが開きます。

図 : 1. [コンポーネントスタイル] パネル

• コンポーネントのプレビュー
  テーマを作成または管理するときに、インスタンスに含めることができるコンポーネントをプレビューできます。
• コンポーネントの編集
  個々のコンポーネント テーマビルダー 編集して、ブランドに合わせてアクセシビリティ適合基準を満たすようにします。編集できるテーマフックは、コンポーネントのタイプごとに固有です。