AvatarGroup

Stacked, overlapping avatars separated by a surface-colored ring.

Import

import { AvatarGroup } from "@jcsoftdev/ui/atoms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/atoms/avatar-group.

Usage

<AvatarGroup>
  <>
          <Avatar name="Diego Quispe" />
          <Avatar name="Marco Ríos" />
          <Avatar name="Lucho Vargas" />
        </>
</AvatarGroup>

Props

Prop	Type	Default	Description
children	ReactNode
className	string

* marks a required prop.

Storybook stories

• Default
• Large
• Single

Source

packages/ui/src/atoms/avatar-group/avatar-group.tsx