Avatar
A person in a circle: photo when you have one, initials when you do not. The demo image is an inline placeholder, labeled as such.
Example
GKRS<Avatar src="..." alt="Ada Lovelace" />
<Avatar fallback="GK" />Sizes
SMLXL
<Avatar size="sm" fallback="S" />
<Avatar size="xl" fallback="XL" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
src / alt | string | - | Photo; meaningful alt for real people. |
fallback | string | ? | Initials when there is no photo. |
size | sm | md | lg | xl | md | Diameter. |
color | string | - | Background tint. |
Accessibility
- Name real people with
alt; usealt=""for decorative repeats. - Fallback initials are text: announced as-is.