Ignite UI for React のテーマ

Ignite UI for React には、Bootstrap、Material、Fluent、Indigo の 4 つの異なるテーマが付属しています。すべてのコンポーネント テーマはコンポーネントに組み込まれていますが、パレット、タイポグラフィ、およびその他のグローバル構成を機能させるには、グローバル スタイル ファイルが必要です。

テーマの読み込み

テーマを有効にするには、テーマ ファイルを読み込む必要があります。プロジェクトの構成に応じて、インポートまたはリンクすることができます。

バンドルされているすべてのテーマとそのパスの完全なリストは次のとおりです:

名前	バリアント	場所
Bootstrap	ライト	igniteui-react-grids/grids/themes/light/bootstrap.css
Material	ライト	igniteui-react-grids/grids/themes/light/material.css
Fluent	ライト	igniteui-react-grids/grids/themes/light/fluent.css
Indigo	ライト	igniteui-react-grids/grids/themes/light/indigo.css
Bootstrap	ダーク	igniteui-react-grids/grids/themes/dark/bootstrap.css
Material	ダーク	igniteui-react-grids/grids/themes/dark/material.css
Fluent	ダーク	igniteui-react-grids/grids/themes/dark/fluent.css
Indigo	ダーク	igniteui-react-grids/grids/themes/dark/indigo.css

API リファレンス

• ConfigureTheme