Cambiar de material a tema Bootstrap
Desde la versión, 9.0
nuestros componentes incluyen un nuevo tema inspirado en Bootstrap 4 y ng-bootstrap. Para cambiar de Material
a Bootstrap
, puede usar el mixin incorporado del tema.
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
);
scss
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
);
scss
API Overview
Ver página en
GitHub