Components
    • Buttons
    • Charts
    • Conversational UI
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListView
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • Popup
    • ProgressBars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • ToolBar
    • Tooltip
    • TreeList
    • TreeView
    • Uploads
    Styling & Themes
    Common Features
    Advanced Setup

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.

(More information and example).