아바타 (Avatar)

v-avatar 컴포넌트는 프로필 사진등을 보여줄때 이미지 크기를 자동으로 조절하고(responsive), 테두리를 둥글게 만들어 줍니다.

사용법

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

Removes border radius

예제

고급 사용법 (Advanced usage)

아바타와 다른 컴포넌트를 결합하면 쉽게 아름다운 사용자 인터페이스를 만들 수 있습니다.

아이콘과 텍스트 (Icon and Text)

아바타 컴포넌트는 이미지 대신 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