vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.4.0] VStepper with VStepperItem's not working

Open mtdvlpr opened this issue 2 years ago • 3 comments

Environment

Vuetify Version: 3.4.0 Vue Version: 3.3.8 Browsers: Firefox 119.0 OS: Windows 10

Steps to reproduce

Use VStepperItem inside VStepper as per documentation

Expected Behavior

The Stepper content should be shown

Actual Behavior

The stepper content isn't shown

Reproduction Link

https://play.vuetifyjs.com/#...

mtdvlpr avatar Nov 12 '23 12:11 mtdvlpr

@mtdvlpr It seems that when you use v-stepper-header instead of items prop on v-stepper, you need to use v-stepper-window and not the item slot.

 <v-stepper-window>
    <v-stepper-window-item value="1"> step 1 </v-stepper-window-item>
    <v-stepper-window-item value="2"> step 2 </v-stepper-window-item>
  </v-stepper-window>

Here is the working example

Mohib834 avatar Nov 13 '23 11:11 Mohib834

@Mohib834, thanks! Although the stepper actions are still missing. I guess you'd need to add those manually as well...

mtdvlpr avatar Nov 13 '23 12:11 mtdvlpr

@Mohib834, thanks! Although the stepper actions are still missing. I guess you'd need to add those manually as well...

Seems like that.

Mohib834 avatar Nov 13 '23 13:11 Mohib834