StepperStep
Represents an interface for the steps of the Stepper component.
Definition
Package:@progress/kendo-angular-layout
Properties
cssClass?
any
Specifies 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
Specifies 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
Specifies the name of an existing icon in a Kendo UI theme.
If you provide this property, 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
Specifies a CSS class or multiple classes separated by spaces which are applied to a span element.
Allows you to use 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. You can override this behavior by setting the validate property.
label?
string
Specifies the text content of the step label.
optional?
boolean
Specifies that the step is optional. An Optional label will be rendered.
svgIcon?
SVGIcon
Specifies an SVG icon to be rendered inside the step indicator instead of the default numeric or text content. You can use either an existing Kendo SVG icon or a custom one.
text?
string
Specifies the text content of the step indicator. If not set, the step index will be rendered by default.
validate?
boolean | StepPredicateFn
Specifies if a step should be validated. This property overrides the default validation behavior.