Vertical Steppers

The v-stepper-vertical component can be used as a navigation element that guides users through a sequence of steps.

WARNING

This feature requires v3.5.14

Installation

Labs components require a manual import and installation of the component.

import { VStepperVertical } from 'vuetify/labs/VStepperVertical'

export default createVuetify({
  components: {
    VStepperVertical,
  },
})

Usage

Vertical steppers allow users to complete a series of actions in step order.

API

Component	Description
v-stepper-vertical	Primary Component

Guide

The v-stepper-vertical is the vertical variant of the v-stepper component. It also extends functionality of v-expansion-panels.

Slots

The v-stepper-vertical component has several slots for customization.

Actions

Customize the flow of your stepper by hooking into the available prev and next slots.