I search everywhere trying resolve this problem and didn't find any solution. There is any way to remove the numbers from the v-steppper-header ? - Vuetify version: 1.5.6

Current:

Exptected:

I search everywhere trying resolve this problem and didn't find any solution. There is any way to remove the numbers from the v-steppper-header ? - Vuetify version: 1.5.6

Current:

Exptected:

• javascript
• vue.js
• vuejs2
• vue-ponent
• vuetify.js

4 Answers 4

Set the step prop to empty string "" as follows :

  <v-stepper-step :plete="e1 > 1" step="" plete>Name of step 1</v-stepper-step>

The solution above will cause problems for active/inactive classes and step identification. The less problematic solution I found today is below

.your-stepper-selector ::v-deep .v-stepper__step__step{ font-size: 0 }

I have found a temporary way to handle this stuation. It is not ideal but it gives the desired result as of now. And this is by giving the font a transparent color so it takes up the background color. This leaves the step functionality on without displaying the step number

.v-stepper__step--active:not(.v-stepper__step--plete) .v-stepper__step__step {
    color: transparent;
}

.theme--light.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--plete):not(.v-stepper__step--error) .v-stepper__step__step {
    display: none;
}