Metric Range Card

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

Loading preview...

Installation

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

New to Circle? Get started.

About

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

Usage

import { MetricRangeCard } from "@circle/ui";

<MetricRangeCard />

Dependencies

Registry

@blocks/metric-utils
@blocks/reporting-types
@circle-ui/card
@circle-ui/utils

Source

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