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

コンポーネントスタイルを使用すると、ボタン、フォームコントロール、ナビゲーションなどの個々の UI 要素の外観を微調整できます。

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

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

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

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

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