Data Display
Avatar Group
A row of overlapping avatars with an overflow "+N" chip — data-driven or composed from Avatar children.
Import
import { AvatarGroup } from "@countryclub/ui-react";Default
Pass an `items` array and a `max` to cap the visible avatars; the rest collapse into a count.
Composed
Compose Avatar children directly — including an AvatarAddButton — for full control.
Name on hover
Set `showNameOnHover` and give each item a `name` (falls back to `alt`) to reveal it in a tooltip above the avatar on hover or focus — e.g. hovering Amir's photo shows "Amir".