Foundation
Avatar
사용자 아바타. 이미지 로드 실패 시 자동으로 fallback 표시 (Radix).
예제
홍JS
설치 / Import
import { Avatar, AvatarImage, AvatarFallback } from '@baneung-pack/ui';import { Avatar } from '@baneung-pack/ui/avatar';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
src (AvatarImage) | 이미지 URL | string | — |
alt (AvatarImage) | 대체 텍스트 | string | — |
children (AvatarFallback) | 이니셜/아이콘 | ReactNode | — |