Circular user mark. Renders a photo when src is set, otherwise an
initials badge with rose-soft background. Three sizes.
Photo (src set)
Initials fallback (no src)
Sizes: sm (20px) · md (28px, default) · lg (40px)
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | Photo URL; renders an <img> when set |
initials | string | '' | Up to 2 chars shown when there's no photo |
size | 'sm'|'md'|'lg' | 'md' | Avatar diameter |
alt | string | initials | Accessible label |
class | string | — | Extra CSS classes |