Style in Vue Spinner component

11 Jun 20241 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;
}