Neo-Brutalist Angular AvatarGroup

AvatarGroup

A component that stacks NbAvatar elements with negative overlap and appends an overflow badge when the count exceeds what's shown. Common in charity, event, and social card designs.

flexOverlap layout

+NOverflow badge

Source ↗Open Docs

Preview

+142

Usage

Import

import { NbAvatar, NbAvatarGroup } from '@ng-brutalism/ui';

Template

<nb-avatar-group [overflow]="142">
  <nb-avatar alt="Alice">A</nb-avatar>
  <nb-avatar alt="Bob">B</nb-avatar>
  <nb-avatar alt="Carol">C</nb-avatar>
</nb-avatar-group>

Without overflow

API

Input	Type	Default	Description
overflow	number	0	Number of hidden members. Renders a `+N` badge when > 0.