Search results

Style and appearance in Blazor Spinner component

08 Apr 2021 / 1 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

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

Fabric theme

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

Bootstrap theme

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

Bootstrap4 theme

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

High Contrast theme

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