[Vuejs]-How to horizontally align v-combobox with text inside v-col in vuetify

by

2👍

✅

Add align prop to the row component with center as value :

<v-row no-gutters align="center">
👤Boussadjra Brahim

2👍

In order to do that, you can add class="d-flex align-center" to the v-row

<div id="app">
  <v-app>
    <v-container class="indigo lighten-5">
     <v-row no-gutters class="d-flex align-center">
      <v-col cols="2">{{ o.id }} </v-col>
      <v-col cols="10">
        <v-combobox v-model="o.selected" :items="values" dense  class="ml-auto"></v-combobox>
      </v-col>
    </v-row>
    </v-container>
  </v-app>
</div>

Here’s the codepen

👤Felipe Endlich

Leave a comment