Avatar - Size

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
Avatar - Tile

The tile prop removes the border radius from v-avatar leaving you with a simple square avatar.

Avatar - Slot

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 - Menu

Avatar With Menu

Avatar - Advanced usage

Combining an avatar with other components allows you to build beautiful user interfaces right out of the box.

Avatar - Profile Card

Using the tile prop, we can create a sleek hard-lined profile card.

Marcus Obrien
Network Engineer