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
  - - Overview
    - Display Modes
    - Linear Mode
    - Orientation
    - Validation
    - Custom Rendering
    - Keyboard Navigation
    - Events
    - Accessibility
  - 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

Components / Layout / Stepper / Custom Rendering /

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

Custom Rendering

The Stepper enables you to customize its steps.

To customize the appearance of the items, use the item property of the Stepper.

The following example demonstrates how to customize the look and feel of the steps.

Example

View Source

Change Theme:

Suggested Links

Keyboard Navigation

Is this article helpful?

Thank you for your feedback!