Style in Angular Spinner component

26 Feb 20261 minute to read

The following CSS structure can be used to customize the spinner component’s appearance based on your requirements.

Customize the spinner

Use the following CSS to customize the spinner stroke color.

Material theme

.e-spinner-pane .e-spinner-inner .e-spin-material {
  stroke: green;
}

Fabric theme

.e-spinner-pane .e-spinner-inner .e-spin-fabric {
  stroke: green;
}

Bootstrap theme

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
    fill: green;
    stroke: green;
}

Bootstrap4 theme

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 {
    stroke: green;
}

High Contrast theme

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc {
    stroke: green;
}