Categories
Vue Answers

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

Spread the love

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.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *