Counter Badge

Overlays a numeric count on an avatar or icon — or renders as a standalone count pill.

Set count and optionally overflow_count to cap display (for example 99+). Wrap an Avatar as a child to position the count at the top-right. For text status labels without a host use Badge instead.

Default count

Standalone counter badge for navigation or action counts.

3
On avatar

Unread or pending count anchored to an avatar host.

JD5
Overflow cap

Large counts display as {overflow_count}+.

99+