머티리얼에서 부트스트랩 테마로 전환

    버전 9.0부터 구성 요소에는 Bootstrap 4 및 ng-bootstrap에서 영감을 얻은 새로운 테마가 포함되어 있습니다. 에서 전환 Material​ ​Bootstrap 하려면 테마 내장 믹스인을 사용할 수 있습니다.

    Bootstrap Light Theme

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

// IMPORTANT: Prior to Ignite UI for Angular version 13 use:
// @import '~igniteui-angular/lib/core/styles/themes/index';
@include core();
@include theme(
  $palette: $light-bootstrap-palette,
  $schema: $light-bootstrap-schema
);

// We can also include the Indigo font and font scaling
@include typography(
  $font-family: $bootstrap-typeface,
  $type-scale: $bootstrap-type-scale
);

    Bootstrap Dark Theme

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

// IMPORTANT: Prior to Ignite UI for Angular version 13 use:
// @import '~igniteui-angular/lib/core/styles/themes/index';
@include core();
@include theme(
  $palette: $dark-bootstrap-palette,
  $schema: $dark-bootstrap-schema
);

@include typography(
  $font-family: $bootstrap-typeface,
  $type-scale: $bootstrap-type-scale
);

    API Overview