New to Kendo UI for AngularStart a free 30-day trial

StepperStep

Represents an interface for the steps of the Stepper component.

NameTypeDefaultDescription

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.

(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.

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.

(More information and example).

Not finding the help you need?
Contact Support