Metrics Panel

metrics_panel pairs explanatory copy with a bordered metric grid for stronger quantitative proof.

When to Use

Use it when metrics need context and should not be reduced to a simple strip.

{{ metrics_panel(title="Proof", metric_1_value="99%", metric_1_label="Uptime") }}

Proof

Use metrics beside checklist details to connect numbers with product behavior.

Designed for static performance

Uses semantic design tokens

New shortcodes

Breakpoint

External UI dependencies

100%

Theme integrated

Parameter	Description
`container`	Inner content width.
`eyebrow`	Small uppercase label above the heading.
`title`	Section heading.
`description`	Supporting copy.
`metric_N_value`	Metric value, up to 4.
`metric_N_label`	Metric label.
`check_N`	Checklist item, up to 4.
`reverse`	Use `true` to place metrics first.
`bg`	Full-width section background token.
`class`	Additional CSS classes on the outer section.