AvatarStripA strip of avatars with an overlay

UX Guidelines

Dev

UsageCode Example

<AvatarStrip
  avatars={avatars}
  avatarSize={20}
  overlapSize={Spacings.s2}
  lastAvatarLabel={lastAvatarLabel}
  containerStyle={{marginVertical: Spacings.s5}}
/>

TIP

This component extends the media/Avatar props.

APIThis is the list of additional props for the component

avatarSize

number

the avatars size

avatars

AvatarProps[]

The list of avatars props

containerStyle

ViewStyle

Additional style for the container

lastAvatarLabel

string | number

The overlay label for the last avatar

lastAvatarOverlayColor

string

The overlay color for the last avatar

overlapSize

number

The overlapping size. Default is 4

testID

string

Component Test id