Core UI
Avatar + Avatar Group
Single avatar or an overlapping stack with a plus-N overflow chip, falling back to deterministic initials-over-tint when no image is given.
$ velocityx add avatar-groupBuilt for astro.
Full docs for Avatar + Avatar Group →
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| people | Person[] | Yes | ||
| max | number | No | 5 | |
| size | 'sm' | 'md' | 'lg' | No | 'md' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/avatar-group/AvatarGroup.astroUsing the Avatar + Avatar Group component
Install it with velocityx add avatar-group.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Core UI.
Single pill component covering solid, soft, and outline badge variants across brand and semantic tones, with an optional removable tag mode.
astroStatic breadcrumb trail with BreadcrumbList microdata that collapses the middle segments into an ellipsis on long paths.
astroOne button primitive covering primary/secondary/ghost/destructive variants, three sizes, a loading spinner state, and an icon-only mode.
astroCentred placeholder for an empty list, table, or panel with an icon slot, title, description, and action slot.
astro