Avatar
Avatar는 사용자가 설정한 프로필 이미지 혹은 텍스트를 UI상에 나타냅니다.V
Property
Shape
Avatar의 모양을 설정합니다.
Size
Avatar의 크기를 설정합니다.
Examples
Fallback
이미지가 없거나 로드에 실패한 경우, alt 텍스트의 첫 글자가 자동으로 표시됩니다. 배경색은 alt 문자열을 기반으로 결정됩니다.
Custom Fallback
FallbackPrimitive에 children을 전달하여 커스텀 fallback 콘텐츠를 표시합니다.
Custom Image
children으로 Avatar.ImagePrimitive와 Avatar.FallbackPrimitive를 전달하면 각 슬롯에 직접 props를 적용할 수 있습니다. src, alt, crossOrigin 등 이미지 관련 props는 Avatar.Root에 전달하면 내부 Primitive로 자동 전달됩니다.
Props Table
Avatar.Root
Loading component documentation...
Avatar.ImagePrimitive
Loading component documentation...
Avatar.FallbackPrimitive
Loading component documentation...