Компонент v-avatar обычно используется для отображения круглых фотографий профиля пользователя. Этот компонент позволяет динамически масштабировать и добавлять закругления адаптивным изображениям, значков и текста. Для отображения аватара без закруглений используйте tile.
Ниже приведена коллекция простых и сложных примеров.
The size prop allows you to define the height and width of v-avatar. This prop scales both evenly with an aspect ratio of 1. height and width props will override this prop.
The tile prop removes the border radius from v-avatar leaving you with a simple square avatar.
The v-avatar default slot will accept the v-icon component, an image, or text. Mix and match these with other props to create something unique.
Using the tile prop, we can create a sleek hard-lined profile card.
Объединение аватара с другими компонентами позволяет вам создавать красивые пользовательские интерфейсы прямо из коробки.