Collaborator List

This component will display 5 avatars, side by side. Another avatar bubble will display the aggregrate count of the surplus collaborators. Used as a shortcut to lists of people. To use, import from @marvelapp/ui-internal:

import { CollaboratorList } from '@marvelapp/ui-internal';

Usage

Pass a CollaboratorConnection type from GraphQL.

<CollaboratorList collaborators={collaborators} isLoading={false} />

Props

Prop
Type
Default
collaborators
Object
–
collaboratorsAggregate
number
–
disableTooltip
boolean
–
isLoading
boolean
–
ownerPk
string
–
shareUrl
string
–
size
number
34
testId
string
–
tooltipPosition
string
bottom