display
Avatar
丸形の画像表示コンポーネント。画像が未指定または読み込みに失敗した場合、イニシャルを自動で表示。
インポート
import { Avatar } from '@stella-ds/react'Props
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
| alt | string | — | Required. Alt text and fallback initial source |
| src | string | undefined | Image URL |
| size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Avatar diameter (24/32/40/48/64px) |
| fallback | ReactNode | first char of alt | Custom fallback content |
Preview
使用例
Basic
<Avatar src="/photo.jpg" alt="Jane Doe" size="lg" />