Components
AbbreviateNumberActionLinkAdaptiveCardAffixAuthorityCheckCalendarViewChartConfirmDialogContainerCustomFormatInputDataTableDebounceInputDoubleSidedImageEllipsisButtonGanttChartGrowShrinkValueIconTextImageGalleryLoadingMasonryMediaSkeletonNavToggleNumericInputOtpInputPasswordInputPatternInputRegionMapRichTextEditorSegmentItemOptionStickyFooterSyntaxHighlighterUsersAvatarGroup
UsersAvatarGroup
UsersAvatarGroup chain multiple users avatar into a stack,
Example
Example usage.
API
UsersAvatarGroup
| Prop | Description | Type | Default |
|---|---|---|---|
| avatarGroupProps | Props for Avatar.Group | Avatar.GroupProps | {} |
| avatarProps | Props for Avatar | Avatar.GroupProps | {} |
| imgKey | Property key to identify image source | string | 'img' |
| nameKey | Property key to identify avatar name | string | 'name' |
| onAvatarClick | Property key to identify avatar name | (data: UserDataObject) => void | - |
| users | Users data. | Array<UserDataObject> | [] |