Avatar Group View Source



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.

0
const images = [
1
  "avatar-01.jpg",
2
  "avatar-02.jpg",
3
  "avatar-04.jpg",
4
  "avatar-05.jpg",
5
  "avatar-06.jpg",
6
];


Declare the AvatarGroup component.

0
<AvatarGroup avatars={images} />


Output



  • +3



Accepted React Properties



AvatarGroup
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
ExperiencesCreateFilecoinAddressCreateFilecoinStorageDealCreateTokenFilecoinBalancesListFilecoinDealsListFilecoinSettingsFriendsListPeersListSendAddressFilecoin

Components
Avatar GroupButtonsCard TabsCarouselCheckboxesColorsDatepickerDropdownsGlobeHover TileIconsInputsLine ChartList EditorLoadersModalsNotificationsRadiosSlidersStatsTablesTabsTogglesTooltipsTypography
View source