Avatar

Avatar는 사용자가 설정한 프로필 이미지 혹은 텍스트를 UI상에 나타냅니다.
V

Property


Shape

Avatar의 모양을 설정합니다.

Size

Avatar의 크기를 설정합니다.

Examples


Fallback

이미지가 없거나 로드에 실패한 경우, alt 텍스트의 첫 글자가 자동으로 표시됩니다. 배경색은 alt 문자열을 기반으로 결정됩니다.

Custom Fallback

FallbackPrimitive에 children을 전달하여 커스텀 fallback 콘텐츠를 표시합니다.

Anatomy


컴포넌트의 구조를 탐색하고 각 파트의 역할을 확인합니다. 파트 이름에 마우스를 올리면 해당 영역이 하이라이트됩니다.

Loading…
Loading preview…

Props Table


Avatar.Root

Loading component documentation...

Avatar.ImagePrimitive

Loading component documentation...

Avatar.FallbackPrimitive

Loading component documentation...