Appearance

Return to top
On this page

AvatarGroup

Avatar (aka Userpic) — is a component used to represent a user's profile picture

Import

javascript
import { VAvatarGroup, VAvatar } from 'vuetify'

Usage

html
<v-avatar src="[path]" />
<v-avatar src="[path]" />
<v-avatar src="[path]" />
<v-avatar src="[path]" />
<v-avatar src="[path]" />
<v-avatar src="[path]" />

Sizes

html
<v-avatar-group size="tiny">
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
</v-avatar-group>
<v-avatar-group size="small">
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
</v-avatar-group>
<v-avatar-group size="big">
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
</v-avatar-group>
<v-avatar-group size="large">
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
</v-avatar-group>
<v-avatar-group size="huge">
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
</v-avatar-group>
<v-avatar-group size="gigantic">
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
  <v-avatar src="[path]" />
</v-avatar-group>