Customizing Wizard

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-wizard-border-width0px
Description
The border width of the Wizard.
$kendo-wizard-padding-xmap.get( $kendo-spacing, 6 )
Description
The horizontal padding of the Wizard.
$kendo-wizard-padding-ymap.get( $kendo-spacing, 6 )
Description
The vertical padding of the Wizard.
$kendo-wizard-font-sizevar( --kendo-font-size, inherit )
Description
The font size of the Wizard.
$kendo-wizard-line-heightvar( --kendo-line-height, normal )
Description
The line height of the Wizard.
$kendo-wizard-font-familyvar( --kendo-font-family, inherit )
Description
The font family of the Wizard.
$kendo-wizard-steps-padding-xmap.get( $kendo-spacing, 3 )
Description
The horizontal padding of the Wizard steps.
$kendo-wizard-steps-padding-ymap.get( $kendo-spacing, 3 )
Description
The vertical padding of the Wizard steps.
$kendo-wizard-content-padding-x0px
Description
The horizontal padding of the Wizard content.
$kendo-wizard-content-padding-y0px
Description
The vertical padding of the Wizard content.
$kendo-wizard-content-textvar( --kendo-component-text, initial )
Description
The text color of the Wizard content.
$kendo-wizard-content-bgvar( --kendo-component-bg, initial )
Description
The background color of the Wizard content.
$kendo-wizard-buttons-margin-xmap.get( $kendo-spacing, 7 )
Description
The horizontal margin of the Wizard's Button container.
$kendo-wizard-buttons-margin-ymap.get( $kendo-spacing, 6 )
Description
The vertical margin of the Wizard Button container.
$kendo-wizard-step-focus-borderif($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))
Description
The outline of the focused Wizard step.

In this article

Not finding the help you need?