아바타 (Avatar)

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

사용법

아바타의 크기는 상황에 맞게 동적으로 조절됩니다. tile 변형은 둥근 테두리를 사용하지 않습니다.


API

v-avatar
이름
color
디폴트
undefined
타입
string

컨트롤에 색상을 지정

이름
size
디폴트
48
타입
number | string

Sets the height and width of the element

이름
tile
디폴트
false
타입
boolean

Removes border radius

예제

고급 사용법 (Advanced usage)

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


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

아바타 컴포넌트는 이미지 대신 v-icon 컴포넌트와 텍스트도 사용할 수 있습니다. Mix and match functionality to create something unique.