Avatar Group Overflow · astryx-svelte

Avatar Group Overflow @astryx-svelte/core v0.3.0 · AvatarGroup

Usage

AvatarGroupOverflow appears at the end of an AvatarGroup to summarize people who are not shown individually. Use it when a group is sliced to a small number of visible avatars but the hidden count still matters.

ts
 
import { AvatarGroup } from '@astryx-svelte/core';

Best practices

Guidance	Practices
Do	Pass the real hidden count to `count` so the accessible label matches the visible indicator.
Do	Use short custom text such as `+12` or `99+`. The indicator is circular for short counts and grows into a pill for wider counts so the number always fits.
Do	Provide `onClick` when the overflow opens a member list, popover, or detail view.
Don't	Do not use long labels inside the indicator; place longer participant details next to the group instead.

Examples

Common configurations, variations, and states.

AvatarGroupOverflow — Custom Text

Provide short custom children such as 12+ when the overflow count needs compact product-specific formatting.

AvatarGroupOverflow — Default Count

Use AvatarGroupOverflow without children to render the standard +N overflow count.