Avatar
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
PK
Sizes#
Loading…
Status#
Loading…
Group#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| name | string | undefined | ? | Display name. Used to derive initials and a deterministic background color. |
| src | string | undefined | — | Image source. Falls back to initials if loading fails. |
| size | enum | md | Predefined size: xs (20) / sm (24) / md (32) / lg (40) / xl (56). |
| status | enum | — | Optional presence indicator. |
| initials | string | undefined | — | Override the auto-generated initials (e.g., for non-Latin scripts). |