Skip to content

ComponentsCounter

Components

Counter

Count pills and unread dots: danger by default, neutral / accent / success / warning, sizes xxs–md, 99+ overflow.

Variants

Fully round; one character is a circle, two or more add 0.3 × height of inline padding.

Tones
777774242424242
Sizesxxs 16 · xs 18 · sm 20 · md 22 (compact density shrinks them).
36611366113661136611

States

Overflow
99+999+
ZeroNothing renders unless showZero.
hidden: []0
Dot8px, always aria-hidden.
AnimatedPill-in on mount, pop on increase.
3

In context

Menu row and section heading
Organization settings
Skills 6574