search

adi518 / vue-stepper

👨🏻‍🚀 A renderless component for composing a Stepper
https://adi518.github.io/vue-stepper/
MIT License
110 stars 25 forks source link

How to add title for every step? #50

Closed openhappyya closed 9 months ago

openhappyya commented 1 year ago

image there is no tip in the using docx.

Telexine commented 11 months ago

Traveler, this is my quick css workaround 

::v-deep .v-stepper-root > :first-child::after {
  content: 'Submit Form';
  display: block;
  padding: 5px;
}

::v-deep .v-stepper-root > :nth-child(2)::after {
  content: 'OTP';
  display: block;
  padding: 5px;
}
::v-deep .v-stepper-root > :nth-child(3)::after {
  content: 'Result';
  display: block;
  padding: 5px;
}
adi518 commented 9 months ago

The docs are missing that piece of information, sorry about that.

You have to use the step<n> slots, see this example from the docs source: https://github.com/adi518/vue-stepper/blob/master/docs/src/containers/Docs.vue#L32