AvatarGroup

AvatarGroup UI Component

Installation

npm i @synerise/ds-avatar-group
or
yarn add @synerise/ds-avatar-group

Usage

import AvatarGroup from '@synerise/ds-avatar-group'
<AvatarGroup />

Demo

API

PropertyDescriptionTypeDefault
numberOfVisibleUsersNumber of visible avatarsnumber3
hasStatusAligns badge with the avatarsbooleanfalse
sizeThe size of the avatarsstring: large small mediummedium
avatarsArray of avatarsAvatar[]-
moreInfoTooltipText on tooltip with information about number of hidden avatarsstring-

Avatar

PropertyDescriptionTypeDefault
initialsInitials of userstring-
statusStatus of user'active', 'inactive', 'blocked' of undefinedundefined
avatarPropsProps from ds-avatar componentobject-