035
Avatar
Display
Haedong SungCustomize
Source
Code
<Avatar src="https://github.com/sunghaedong.png?size=72" alt="Haedong Sung" fallback="HS" />
Install
npx shadcn@latest add https://components.haedong.dev/r/avatar.json
Props
Extends the native span props. With no src, or when the image fails, the fallback shows and the element becomes role=img with alt as its name.
| Prop | Type | Description |
|---|---|---|
| src | string | Image URL. Optional. |
| alt | string | Required. The person's name. |
| fallback | string | Shown without an image: usually initials. |