CODEWITHSUNDEEP
vue.jsvuejs2vuetify.js
user15848731
user15848731

Reputation: 21

Remove v-steppers-step icon

I am trying to use vuetify v-stepper but I want to remove the icon in v-stepper-step. How do I remove the icon in v-stepper-step? I have tried adding. I have tried doing a combination of adding edit-icon, append-icon, and even selecting it in style scoped with a property of display: none.

Code that I tried is something like this:

<v-stepper-step
 :key="`${stepHeader}-step`"
 :step="index + 1"
 editable
 class="stepper"
 complete
 edit-icon=""
 append-icon=""
>
...
</v-stepper-step>

Upvotes: 0

Views: 1252

Answers (2)

user15848731
user15848731

Reputation: 21

I have solved it. I put a color="transparent" prop in v-stepper-step

You can still inspect the icon though. For my case, it's enough.

Upvotes: -1

Mani Mirjavadi
Mani Mirjavadi

Reputation: 1073

You can add this to your styling:

.v-stepper__step__step {
  display: none
}

Upvotes: 1

Related Questions