---
name: AvatarGroup
menu: Molecules
route: /molecules/AvatarGroup
---

import AvatarGroup from './AvatarGroup';
import { Playground, Props } from 'docz';
import { arrayImages } from './items.js';

# AvatarGroup

This component renders an HTML `<div>` and passes along all props.

## API
<Props of={AvatarGroup} />

## Example Usage with 2 stacked avatars

<Playground>
	<AvatarGroup avatars={arrayImages.slice(0, 2)} />
</Playground>

## 3 stacked avatars

<Playground>
	<AvatarGroup avatars={arrayImages.slice(0, 3)} />
</Playground>

## 4 stacked avatars

<Playground>
	<AvatarGroup avatars={arrayImages} />
</Playground>