Vuetify

Магазин

Для бизнеса

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

Avatars in their simplest form display content within a circular container.

Options

Выберите нужный компонент ниже и посмотрите доступные параметры, слоты, события и функции.

Ниже приведена коллекция простых и сложных примеров.

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.

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

Готовы к большему? Продолжить чтение с:

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!