Component

Meter

Progress summary card that composes Concrete linear and ring progress primitives.

Meter is a bounded progress summary, not a charting framework. Use it for quotas, completion, utilization, and health summaries.
data
DOM renderImage render
MeterDefault

Usage

72%
Target 80%Workspace command budget

Review

58%

Playground

Controls update query params directly. Complex slots use item-owned examples so component states stay deterministic, linkable, and screenshot-ready.

Loading playground

Rendered matrix

Every state maps to the same component render route through the state query param.

Default

Mixed meter scorecards for generated dashboard summaries.

Usage

72%
Target 80%Workspace command budget

Review

58%
Policy confidence
Render state

Bar

Linear progress summaries for scan-line budget rows.

Usage

72%
Target 80%Workspace command budget

Tools

61%
Target 65%Tool budget remaining
Render state

Ring

Circular progress summary for compact scorecards.

Usage

72%
Target 80%Workspace command budget

Review

58%
Policy confidence
Render state

Compact

Compact meter cards for dense dashboard grids.

Usage

72%
Target 80%Daily command budget

Review

58%
Policy confidence
Render state

Signal

Terminal, ultra, and error signal meters.

Usage

72%
Target 80%Workspace command budget

Review

34%
Policy confidence
Render state

Danger

Error meters for budget and policy breach states.

Review queue

34%
Target 20%Policy review capacity

Escalations

18%
Escalated runs
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
label *string-Meter label shown in the card header.
value *DataProgressValue-Bounded value object parsed at runtime.
display'bar' | 'ring'barLinear or circular meter rendering.
intentDataIntentskyProgress intent mapped to Concrete signals.
targetnumber-Optional target value called out in the footer.
unitstring%Rendered value unit.
descriptionstring-Optional supporting text in the footer.
compactbooleanfalseTighter rail/ring dimensions.