Avatars The v-avatar component is typically used to display
circular user profile pictures. This component will allow you to
dynamically size and add a border radius of responsive images, icons,
and text. A tile variation is available for displaying an avatar without
border radius.
See documentation.
The size prop allows you to define the height and
width of v-avatar. This prop scales both evenly with
an aspect ratio of 1. height and
width props will override this prop.
Using the tile prop, we can create a sleek hard-lined
profile card.
The v-avatar default slot will accept the
v-icon component, an image, or text. Mix and match
these with other props to create something unique.
Combining an avatar with other components allows you to build beautiful user interfaces right out of the box.
