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.
32
48
64
The tile
prop removes the border radius from v-avatar leaving you with a simple square avatar.
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.
CJ
Avatar With Menu
Combining an avatar with other components allows you to build beautiful user interfaces right out of the box.
Using the tile prop, we can create a sleek hard-lined profile card.
Marcus Obrien
Network Engineer