Back to Fluentui

AvatarGroupBestPractices

packages/react-components/react-avatar/stories/src/AvatarGroup/AvatarGroupBestPractices.md

4.40.2-hotfix2398 B
Original Source

Best practices

Do

  • Use partitionAvatarGroupItems when possible.

  • Display all items, including inline AvatarGroupItems, inside AvatarGroupPopover when using a pie layout.

  • Use the last AvatarGroupItems in the AvatarGroup as the inline items when using a spread or stack layout.

Don't

  • Use more than 3 AvatarGroupItems inside an AvatarGroup with pie layout.