The AvatarGroup component is a compact way to show a group users or contributors.
Imports
Import React and the AvatarGroup Component.
0
import * as React from "react";
1
import AvatarGroup from "~/components/system/components/AvatarGroup";
Usage
Create an array of images.
Declare the AvatarGroup component.
0
<AvatarGroup avatars={images} />
Output
Accepted React Properties
NameTypeDefaultDescription
size
int
32
Size of the avatar images in pixels
limit
int
3
Limit the number of visable avatars
avatars
array
[]
An array of images
border
string
white
Avatar border color