Avatar

Компонент v-avatar используется для управления размером и границей отзывчивых изображений, которые обычно используются для отображения изображений профиля.

Применение

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
Имя
color
По умолчанию
undefined
Тип
string

Применяет заданный цвет к элементу управления

Имя
size
По умолчанию
48
Тип
number | string

Устанавливает высоту и ширину элемента

Имя
tile
По умолчанию
false
Тип
boolean

Удаляет радиус границы

Примеры

Расширенное использование

Объединение аватара с другими компонентами позволяет вам создавать красивые пользовательские интерфейсы прямо из коробки.

Иконка и текст

Аватара также принимает компонент v-icon или текст. Смешайте и совместите функциональность, чтобы создать что-то уникальное.

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