Material から Bootstrap テーマへの切り替え

    バージョン 9.0 以降、コンポーネントには Bootstrap 4 および ng-bootstrap に基づいて構築された新しいテーマが含まれます。 Material から Bootstrap へ切り替えるには、定義済みのミックスインの 1 つを使用できます。

    Bootstrap Light テーマ

    @use "igniteui-angular/theming" as *;

// 重要: Ignite UI for Angular 13 より前のバージョンは、次を使用してください。
// @import '~igniteui-angular/lib/core/styles/themes/index';
@include core();
@include bootstrap-light-theme($light-bootstrap-palette);

    Bootstrap Dark テーマ

    @use "igniteui-angular/theming" as *;

// 重要: Ignite UI for Angular 13 より前のバージョンは、次を使用してください。
// @import '~igniteui-angular/lib/core/styles/themes/index';
@include core();
@include bootstrap-dark-theme($dark-bootstrap-palette);

    API の概要