How to style progress-spinner
Styles from thematerial/progress-spinner
package can be customized using the progress-spinner-overrides
mixin. This mixin accepts a set of tokens that control how the components will look, either for the entire app or under a specific selector. For example: @use '@angular/material' as mat;
// Customize the entire app. Change :root to your selector if you want to scope the styles.
:root {
@include mat.progress-spinner-overrides((
active-indicator-color: orange,
));
}
Tokens supported by progress-spinner-overrides
Name | Type | Based on system token |
---|---|---|
active-indicator-width | Base | None |
size | Base | None |
active-indicator-color | Color | --mat-sys-primary |