Avatar

El componente v-avatar se utiliza para controlar el tamaño y el radio del borde de las imágenes responsivas típicamente usadas para fotos de perfil.

Uso

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
Nombre
color
Default
undefined
Type
string

Aplica el color especificado al control.

Nombre
size
Default
48
Type
number | string

Configura la altura y el ancho del elemento

Nombre
tile
Default
false
Type
boolean

Quita el redondeo del borde

Ejemplos

Uso avanzado

Combinar un avatar con otro componente te permite construir bellas interfaces de usuario desde el primer momento.

ícono y texto

Un avatar también acepta el componente v-icon o texto. Combina la funcionalidad para crear 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