Saltar al contenido

¿Cómo cambiar el ancho del campo de texto v en Vuetify?

Solución:

Dado que la barra de herramientas es display:flex podrías usar class="shrink"

      <v-text-field 
            hide-details 
            label="Filled" 
            placeholder="Search" 
            filled 
            rounded 
            dense 
            single-line 
            append-icon="mdi-magnify" class="shrink">
      </v-text-field>

Demostración: https://codeply.com/p/h3Y8u3nK7P

Puede hacerlo por CSS en estilo de ámbito:

<style scoped>
/deep/ .v-text-field{
      width: 400px;
}
</style>

y para obtener información detallada, lea la documentación de Vuetify.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *