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 の概要