Appearance

Return to top
On this page

Avatar

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

Import

javascript
import { VAvatar } from 'vuetify'

Usage

TH
html
<v-avatar text="Trevis Hotwings" /> <v-avatar src="[path]" />

Sizes

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

With Status

html
<v-avatar src="[path]" status="success" />
<v-avatar src="[path]" status="warning" />
<v-avatar src="[path]" status="primary" />
<v-avatar src="[path]" status="danger" />