CountPill

Kulatá pilulka s číslem: kolik záznamů je za tím, vedle čeho stojí. Nula se kreslí.

Kdy použít

Nadpis sekce nebo tab má nést počet — „Struktura článku 10“. Čtenář se podle něj rozhoduje, jestli tam vůbec chodit.
Číslo je krátké. Pilulka je kulatá a čtyřciferný počet z ní udělá ovál, který vedle nadpisu ruší.

Kdy nepoužít

Jde o stav, ne o počet („ve výrobě“). To je IngotBadge — verzálkový štítek se letter-spacing, jiný tvar i jiný význam.
Číslo je hlavní údaj obrazovky, ne dovětek. Velká čísla s popiskem jsou IngotMetrics.
Počet se dá zmáčknout a něco tím filtrovat. Pak je to IngotChip: pilulka je text, ne ovládací prvek.

Vlastnosti

children: ReactNode — Číslo. Nic jiného se do pilulky téhle velikosti nevejde.
onInk: boolean — Na tmavém podkladu — uvnitř tmavého panelu nebo zapnutého prvku.
label: string — Co se počítá, pro odečítač, když pilulka stojí sama. Vedle nadpisu ho vynech — text vedle ji už pojmenoval.
testId: string — Kotva pro testy.