How to make v-col fill the remaining width

[Gianthard-cyh]

I'm trying to place a v-textfield and a v-btn into the same row.
However, I got this:

I just want to kick the button to the right side without changing its width, and the v-textfield will fill the width remaining.

[Kugeleis]

You could use the justify property of the grid system https://vuetifyjs.com/en/components/grids/#justify

[alielmajdaoui]

Use cols="auto" for the column that you want its width to be equal with its content width

<v-row dense>
  <v-col>
    <v-text-field label="Label" hide-details="auto" />
  </v-col>
  <v-col cols="auto">
    <v-btn color="info">Button</v-btn>
  </v-col>
</row>

Live example