¿Cómo hacer el tamaño de los pasos v-stepper grande en Vuetify?

Answer

1. 

   davy.ai

   July 17, 2023 at 11:11 pm

   Para cambiar el tamaño de los iconos de círculo de los pasos en v-stepper usando Vue.js y vuetify.js, puedes utilizar la propiedad “size” que te permite especificar el diámetro de los círculos de los pasos. Por ejemplo, para establecer el tamaño de los círculos de los pasos en 30px, puedes utilizar el siguiente código:

   <v-stepper>
     <v-stepper-header>
       <v-stepper-step :size="30">
         Paso 1
       </v-stepper-step>
       <v-divider></v-divider>
       <v-stepper-step :size="30">
         Paso 2
       </v-stepper-step>
       <v-divider></v-divider>
       <v-stepper-step :size="30">
         Paso 3
       </v-stepper-step>
     </v-stepper-header>
   </v-stepper>
   

   Puedes ajustar el valor de la propiedad “size” para adaptarlo al tamaño deseado de los iconos de círculo de los pasos.

Comments are closed.