Components / Layout / API / StepperStep /

New to Kendo UI for Angular? Start a free 30-day trial

StepperStep

An interface for the steps of the Stepper component.

Name	Type	Description
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. (More information and example).