Avatar
Avatars represent users or entities with images or initials fallback.
Sizes
Avatars come in xs, sm, md, lg, and xl sizes.
JDxs
JDsm
JDmd
JDlg
JDxl
With Image
Avatars can display user profile images.
Group
AvatarGroup stacks avatars and shows an overflow count.
max:
Avatar Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | URL of the avatar image. |
alt | string | — | Alt text for the image. Also used to generate initials fallback. |
size | "xs" | "sm" | "md" | "lg" | "xl" | "md" | Size of the avatar. |
className | string | — | Additional CSS class names. |
AvatarGroup Props
| Prop | Type | Default | Description |
|---|---|---|---|
max | number | — | Maximum number of avatars to display before showing overflow count. |
children | ReactNode | — | Avatar components to render in the group. |