Avatar
Data Display
macOS circular user avatar badges with image fallback.
Installation
$npx shadcn-macos@latest add avatar
Examples
SM
DT
AP
Props
<Avatar />| Prop | Type | Default | Description |
|---|---|---|---|
| fallback* | string | — | Initials or label shown when image is not present or loading. |
| src | string | — | Image source URL for the avatar. |
| alt | string | — | Accessibility description for the avatar image. |
| size | "sm" | "default" | "lg" | "default" | Dimensions: sm (24px), default (32px), lg (40px). |
| className | string | — | Custom styling classes. |