0

This is the Stepper image . View it !!

How can I change this icon/ step circle size in v-stepper ??

Namudara Abeysinghe
  • 23
  • 6

1 Answers1

2

::v-deep .v-stepper__step__step { width: 40px; height: 40px; }

:)

Matthew Hausman
  • 36
  • 1
  • Thank you very much @Matthew. Is there a way to make the icons inside the step large? – Namudara Abeysinghe Dec 11 '21 at 08:03
  • I had to use .v-stepper__step__step { width: 40px; height: 40px; } , without ::v-deep . – Namudara Abeysinghe Dec 11 '21 at 08:12
  • @NamudaraAbeysinghe Sorry I left out some information here - so if you're using SASS you must use ::v-deep to set the style. Without SASS use >>>. In either case the style tag must be scoped. The third option is to use the exact class selector as you have above without a scoped style attribute – Matthew Hausman Dec 12 '21 at 20:48