Meter
canonA thin static bar showing how full something is against a limit or a goal; the value stands next to it as text.
AD 26 Sep 2026 (wave B inventory): Meter and Progress are two legitimate elements, the same pair as HTML <meter> vs <progress>. Meter = a static ratio to a limit or goal (budget drawn, room occupancy, KPI, progress to promotion, project done/total, portfolio weight); Progress = work running now that ends done or failed. 7 uses on main (Rozpočty ×2, Zasedačky, Tým detail, Člen týmu KPI + Rozpočty, Portfolio výsledky, StatTile pct); Kariéra (.kar-bar, acrm !3898) and the public project page (ProgressBar.tsx deleted, .dp-*, acrm !3900) were migrated onto it on 27 Sep 2026. Moved into @acrm/ui on 27 Sep 2026 (acrm !3929: Meter + usageTone, CSS layer ds/meter.css, stories with baseline, zero visual change on 776 snapshots). TaskList .tl-prog turned out to be dead API (no screen passed progress/pct) and is deleted (acrm !3947). Track = --border like Progress — approved by the owner 27 Sep 2026 (preview meter-draha: the --surface-75 track was practically invisible on white cards). Registry repaired 17 Oct 2026 (review F3): mapped existing Ladle stories.
Used in 19 files · 15 areas · 23× — components/StatTile, components/agent-desk, components/assistant, components/clen-tymu, components/mail, components/meetings …
Import
import { Meter } from '@acrm/ui'Props
Meter packages/ui/src/components/Meter.tsx
| Name | Type | Default | Description |
|---|---|---|---|
pct * | number | — | 0–100; mimo rozsah se ořízne. |
tone | 'warn' | 'crit' | — | Tón čerpání (viz usageTone) — warn amber, crit critical. |
fillColor | string | — | Přebarvení výplně (KPI: dosaženo = positive, jinak accent). |
ariaLabel | string | — | Jen tam, kde hodnota NESTOJÍ vedle v textu — jinak zůstává proužek dekorativní. |
mark | number | — | Ryska prahu nebo cíle, 0–100; mimo rozsah se ořízne. |
markLabel | string | — | Popisek rysky pro čtečku (např. „práh 60 %“) — připojí se k ariaLabel. |
size | 'sm' | — | sm = 4 px pro husté řádky (rail, buňky výpisu); výchozí 6 px. |
className | string | — | — |
style | CSSProperties | — | — |