Avatar

O componente v-avatar é utilizado para controlar o tamanho e o arredondamento da borda de imagens responsivas, tipicamente utilizadas para exibir fotos de perfil.

Utilização

The avatar has a dynamic size that can be scaled for any situation. A tile variation is available for displaying an avatar without border radius.

API

v-avatar
Nome
color
Padrão
undefined
Tipos
string

Components.Avatars.

Nome
size
Padrão
48
Tipos
number | string

Define a altura e a largura do elemento

Nome
tile
Padrão
false
Tipos
boolean

Remove a borda arredondada

Exemplos

Uso avançado

Combinar um avatar com outros componentes permite que você crie belíssimas interfaces de usuário.

Ícone e texto

Um avatar também aceita o componente v-icon ou texto. Misture e combine a funcionalidade para criar algo único.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore