Metrics

Čísla, podle kterých se obrazovka čte na první pohled. Dvě hustoty jedné komponenty: pruh pod hlavičkou a kompaktní shluk do hlavičky.

Kdy použít

Pruh pod hlavičkou seznamu — varianta strip. Čtyři až šest čísel, která popisují celou obrazovku, ne jeden vybraný řádek.
Kompaktní shluk vedle akcí v hlavičce — varianta inline. Dvě až tři čísla, na která se nevyplatí obětovat celý pruh.
Číslo, které má vedle sebe potřebovat větu. Ve variantě strip ji nese note — „po termínu: 2“ a hned pod tím které dvě to jsou.

Kdy nepoužít

Graf nebo trend. Buňka ukazuje jedno číslo teď, ne jeho vývoj — vývoj se do dvaadvaceti pixelů výšky vykreslit nedá.
Stav jedné položky. „Čeká na potvrzení“ u konkrétní objednávky je odznak, tedy IngotBadge; metriky mluví o množině.
Zvýraznění toho nejdůležitějšího čísla barvou. Tón je informace, ne důraz: danger znamená, že to číslo je problém, ne že je nejdůležitější. Obarvená polovina pruhu nesděluje nic.

Vlastnosti

items: readonly IngotMetric[] — Buňky v pořadí, ve kterém se čtou. Pro strip čtyři až šest, pro inline dvě až tři.
variant: "strip" | "inline" — Hustota, ne jiná komponenta: dvě komponenty by se rozešly, jakmile by někdo jednu z nich doladil. Výchozí je strip — pruh pod hlavičkou.
label: string — Přeložený aria-label skupiny. Říká, o čem ta čísla jsou.
testId: string — Kotva pro test. Na vzhled ani na chování nemá vliv.