• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timeline
      • Globalization
      • API
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

StepProps

Represents the props of the KendoReact Step component.

NameTypeDefaultDescription

children?

any

Represents the children that are passed to the Step.

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

style?

React.CSSProperties

Sets additional CSS styles to the Step.

svgIcon?

SVGIcon

Defines the SVG icon. The icon is rendered inside the Step indicator (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).