Override stylings

Vurian Wizard provides CSS classes and CSS variables for customization.

CSS Variables

Below are the list of CSS variables supported

  • --wizard-stepper--active - Background color of the current active stepper on the progress header.
  • --wizard-stepper--active-font: Font color of the current active stepper on the progress header.
  • --wizard-line-color: Step progress line color.
  • --wizard-circle-color: Circle background color.
  • --wizard-stepper--disabled: Background for the disabled buttons.
  • --wizard-stepper--disabled-font: Font color for the disabled buttons.
Edit this page on GitHub Updated at Fri, Feb 4, 2022
Usage Step View