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
  - - Overview
    - Display Modes
    - Linear Mode
    - Orientation
    - Validation
    - Custom Rendering
    - Keyboard Navigation
    - Accessibility
  - TileLayoutupdated
  - Timeline
  - Globalization
  - API
- ListBoxupdated
- 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

Components / Layout / Stepper / Linear Mode /

Linear Mode

The Stepper enables you to set its steps flow using the linear Boolean property. By default, linear is set to false.

When the linear property is set to true, the Stepper will require to complete the previous step before proceeding to the next one.

The following example demonstrates how to configure a linear flow of the Stepper:

Example

View Source

Change Theme:

Suggested Links

API Reference of the Stepper Props

Is this article helpful?

Thank you for your feedback!