Avatar
User image with initials fallback and an optional status dot.
display
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Name
Size
Status
Props
| Prop | Type | Default | Description |
|---|---|---|---|
name* | string | — | Display name — used for the label and initials fallback. |
src | string | — | Image URL; falls back to initials on error. |
size | "sm" | "md" | "lg" | "md" | Avatar size. |
status | "online" | "offline" | "busy" | "away" | — | Optional status dot. |
className | string | — | Extra classes. |