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.
See documentation.
be•nev•o•lent
adjective
The v-card component has multiple children components
that help you build complex examples without having to worry about
spacing. This example is comprised of the
v-card-title, v-card-text and
v-card-actions components.
Using v-flex, you can create customized horizontal
cards. Use the contain property to shrink the
v-img to fit inside the container, instead of
covering.