Avatar group

An overlapping stack of avatars with overflow.

import { BuiAvatarGroup } from 'ng-blatui';

<bui-avatar-group [avatars]="team" [max]="3" />
// team = [{ name: 'Ada Lovelace' }, { name: 'Alan Turing' }, ...]

Images

<bui-avatar-group [avatars]="team" [max]="3" />
// team = [{ name: 'Ada', src: '/a.png' }, ...]

Sizes

<bui-avatar-group [avatars]="team" [max]="4" size="sm" />
<bui-avatar-group [avatars]="team" [max]="4" size="lg" />