Range bar

Band indicator in a stat tile: recommended zone, ghost of the value N weeks ago, team median, current value dot.

acrm !4412 + !4413 (Reporty › Koučink, owner approved 1. 10. 2026), verified on dev 2. 10. 2026 (1440 light/dark + 390). Colour = --goal-in / --goal-in-ink / --goal-in-subtle (vivid green, owner rejected faded --positive here) vs --ic-amber; motion only under prefers-reduced-motion: no-preference. App-level next to Spark; before canon: stories (States: in band / out / no goal / no data), usage + a11y, and a decision whether it moves to packages/ui. 2. 10. 2026: beta — usage/a11y written, states reviewed by AD on the preview (koucink-stavy.html). Canon 2. 10. 2026: stories + light/dark baselines merged in !4422, AD-verified in the catalogue. Registry repaired 17 Oct 2026 (review F3): mapped existing Ladle stories.

Used in 1 file · 1 area · 1× — components/sales-reports

Import

Not exported from @acrm/ui — <RangeBar> lives in the app (apps/web/src/components/sales-reports/charts/RangeBar.tsx). Reuse the CSS classes below, or move the component into the package first.

Props

RangeBar

No props extracted (not in props.json).

CSS classes

—

Files

• apps/web/src/components/sales-reports/charts/RangeBar.tsx
• apps/web/src/ds/coach-report.css

Related