Components
Avatar
아바타 컴포넌트
Avatar
아바타 컴포넌트는 사용자 프로필 이미지를 표시합니다.
기본 사용법
ABCDEF
import { AvatarRoot, AvatarFallback } from '@aift/ui/Avatar';export default function Preview() { return ( <div className="flex items-center gap-4"> <AvatarRoot variant="icon" size="small"> <AvatarFallback>AB</AvatarFallback> </AvatarRoot> <AvatarRoot variant="icon" size="medium"> <AvatarFallback>CD</AvatarFallback> </AvatarRoot> <AvatarRoot variant="icon" size="large"> <AvatarFallback>EF</AvatarFallback> </AvatarRoot> </div> );}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | - | 이미지 URL |
| alt | string | - | 대체 텍스트 |
| fallback | string | - | 이미지 로드 실패 시 표시할 텍스트 |
| size | 'small' | 'medium' | 'large' | 'medium' | 아바타 크기 |