• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheetnew
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanelnew
      • GridLayoutnew
      • Menu
      • PanelBar
      • Splitter
      • StackLayoutnew
      • Stepper
      • TabStrip
      • TileLayoutupdated
      • Wizard
      • Globalization
      • API
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

StepProps

Represents the props of the Kendo UI for Vue Step component.

NameTypeDefaultDescription

className?

string

Specifies a list of CSS classes that will be added to the Step element.

current?

boolean

Specifies the current Step.

disabled?

boolean

Specifies if the Step is disabled (see example).

errorIcon?

String

Defines the name for an error icon in a Kendo UI for Vue theme.

errorSvgIcon?

Object

Defines an error SVGIcon to be rendered within the Step.

icon?

string

Defines the name for an existing icon in a Kendo UI for Vue theme. The icon is rendered inside the Step indicator by a span.k-icon element (see example).

index?

number

Sets the index of the Step that is used to identify it.

isValid?

boolean

Specifies the validity of the step (see example).

label?

string

Specifies the label of the Step (see example).

optional?

boolean

Specifies if the step is optional. The validation is not applied to these steps (see example).

successIcon?

String

Defines the name for an success icon in a Kendo UI for Vue theme.

successSvgIcon?

Object

Defines an success SVGIcon to be rendered within the Step.

svgIcon?

SVGIcon

Defines an SVGIcon to be rendered within the Step.

tabIndex?

number

Sets the tabIndex property of the Step. Defaults to 0.

text?

string

Specifies the text content of the Step indicator (see example).