The v-avatar component is typically used to display circular user profile pictures. This component will allow you to dynamically size and add a border radius of responsive images, icons, and text. A tile variation is available for displaying an avatar without border radius.

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


제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

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!