All components
Data display
Avatar
A round avatar — one of the few rounded shapes — with an image or initials fallback.
Preview
Preview
light
AQSLJK
dark
AQSLJK
Code
<Avatar name="Avery Quinn" />
<Avatar name="Sam Lee" size={40} />Import from @/components/ui.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | — | Used for initials + alt text. |
src | string | — | Optional image URL. |
size | number | 32 | Pixel size. |