Cards

The v-card component is a versatile component that can be used for anything from a panel to a static image. The card component has numerous helper components to make markup as easy as possible. Components that have no listed options use Vue's functional component option for faster rendering and serve as markup sugar to make building easier.

Vuely App provide multiple type of Cards and each one has a unique design.

<v-card>
  <v-img src="/static/doc-images/cards/desert.jpg" height="200px">
  </v-img>
  <v-card-title primary-title>
    <div>
      <h3 class="headline mb-0">Kangaroo Valley Safari</h3>
      <div>Located two hours south of Sydney in the <br>Southern Highlands of New South Wales, ...</div>
    </div>
  </v-card-title>
  <v-card-actions>
    <v-btn flat color="orange">Share</v-btn>
    <v-btn flat color="orange">Explore</v-btn>
  </v-card-actions>
</v-card>

Last updated