Introduction
Getting Started
Native Components
- Animation
- Buttons
- Charts
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Iconsnew
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- - Overview
  - Getting Started
  - AppBarnew
  - Avatar
  - BottomNavigationnew
  - Card
  - ContextMenu
  - Drawer
  - ExpansionPanelnew
  - GridLayoutnew
  - Menu
  - PanelBar
  - Splitter
  - StackLayoutnew
  - Stepper
  - TabStrip
  - TileLayoutnew
  - Wizard
  - Globalization
  - API
- ListBoxnew
- ListViewnew
- Notification
- PDF Processing
- Popup
- Progress Barsupdated
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Layout / API / StepProps /

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

StepProps

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

Name	Type	Default	Description
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).
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).
tabIndex?	`number`		Sets the `tabIndex` property of the Step. Defaults to `0`.
text?	`string`		Specifies the text content of the Step indicator (see example).