StepperStep
An interface for the steps of the Stepper component.
cssClass?
any
The CSS classes that will be rendered on the step element of the Stepper. Supports the type of values that are supported by ngClass.
cssStyle?
any
The CSS styles that will be rendered on the item element of the Drawer. Supports the type of values that are supported by ngStyle.
disabled?
boolean
Specifies whether the step is disabled.
icon?
string
Defines the name of an existing icon in a Kendo UI theme. If provided, the icon will be rendered inside the step indicator by a span.k-icon element, instead of the default numeric or text content.
iconClass?
string
Defines a CSS class or multiple classes separated by spaces which are applied to a span element. Allows the usage of custom icons, rendered inside the step indicator instead of the default numeric or text content.
isValid?
boolean | StepPredicateFn
Specifies if a step is valid.
By default only previous steps are validated (This behavior can be overridden by setting the validate
property).
(More information and example).
label?
string
Specifies the text content of the step label.
optional?
boolean
Specifies that the step is optional. An Optional
label will be rendered.
text?
string
Specifies custom content rendered inside the step indicator. The numeric step index is rendered by default.
validate?
boolean | StepPredicateFn
Specifies if a step should be validated. This property overrides the default validation behavior.