[Vuejs]-How to get buttons fixed irrespective of the contents hidden or not in a card in Vuetify?

by

0👍

✅

Apparently there are no v-card component props to achieve this.
So just add some css:

.flexcard {
    display: flex;
    flex-direction: column;
}

<v-card class="flexcard">

Codepen

Note that this works in your provided example for placing buttons at the bottom. In case your CSS is different in your project I’m not sure what you would like to do with other elements inside card. So you might need to add something like <v-spacer></v-spacer> or class="grow" or class="shrink" to some elements inside v-card to fit your style.
Example with bigger v-card height

Leave a comment