Card
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.

widgets
edit
Go to api

Examples

A card has 4 basic components, v-card-media, v-card-title, v-card-text and v-card-actions.

Using the layout system, we can add custom text anywhere within the background.

Using v-flex, you can create customized horizontal cards. Use the to the contain property to shrink the v-card-media to fit inside the container, instead of covering.

Using grid lists, you can create beautiful layouts.

With a simple conditional, you can easily add supplementary text that is hidden until opened.

API