Style and appearance in Blazor Spinner Component

12 Oct 20211 minute to read

The following content provides the exact CSS structure that can be used to modify the control’s appearance based on the user preference.

Customizing 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;
}