Sometimes, we want to set the height of Vuetify card with Vue.js.

In this article, we’ll look at how to set the height of Vuetify card with Vue.js.

How to set the height of Vuetify card with Vue.js?

To set the height of Vuetify card with Vue.js, we can set the height prop of the v-card component.

For instance, we write

<template>
  <div>
    <v-card height="100%"> ... </v-card>
  </div>
</template>

to set the height prop of the v-card component to 100% to set the height of the card to 100%.

Conclusion

To set the height of Vuetify card with Vue.js, we can set the height prop of the v-card component.