Metric Range Card

Range-based metric card for score bands, ticks, and highlighted target ranges.

Use this for neutral metric-led cards, side-by-side comparisons, and editorial report sections that should stay reusable across domains.

Preview and code

Loading preview...

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @blocks/metric-range-card

This is a lower-level building block. Reach for it when you need direct control over layout, behavior, or styling in a larger surface.

Registry

@blocks/metric-utils

@blocks/reporting-types

@circle-ui/card

@circle-ui/utils

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/blocks/reporting/metric-range-card.tsx

pnpm dlx shadcn@latest add https://registry.circle.health/blocks/metric-range-card.json