• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

StepperStep

An interface for the steps of the Stepper component.

NameTypeDefaultDescription

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.

svgIcon?

SVGIcon

Defines an SVG icon to be rendered inside the step indicator instead of the default numeric or text content. The input can take either an existing Kendo SVG icon or a custom one.

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