[Vuejs]-How can I add checkbox in v-card in vuetiy

0๐Ÿ‘

โœ…

<v-card>
  <v-list-item two-line>
    <v-list-item-action>
      <v-checkbox />
    </v-list-item-action>
    <v-list-item-content>
      <v-list-item-title class="headline mb-1">{{ address.tag }}</v-list-item-title>
      <v-list-item-subtitle>{{ address.flatNo }}, {{ address.landmark }}, {{ address.area }}{{address.pincode}}</v-list-item-subtitle>
    </v-list-item-content>
  </v-list-item>
  <v-card-text>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, amet laudantium! Eveniet beatae corrupti assumenda expedita consequuntur itaque, similique debitis rem laudantium hic voluptates aliquam quam eligendi nulla ipsum quidem.
  </v-card-text>
</v-card>

This answer is based on vuetify documentation https://vuetifyjs.com/en/components/cards/#outlined-cards

Result: https://codepen.io/yozhis/pen/ZEGdZEv

Leave a comment