Skip to content

Block 216 of 260

Live Metric

One number that refreshes in the visitor's browser from a public JSON endpoint, with a server-rendered fallback.

Puck key
LiveMetricBlock
Export
liveMetricBlock
React component
<LiveMetric />
Files
components/puck/live-metric-block.tsx
components/puck/live-metric.client.tsx
Dependencies
None

Editor fields

What content editors see in the P1 sidebar when they select this block.

  • Metric nametext
  • Heading levelselect
  • Subtitletext
  • Initial valuetext
  • Prefixtext
  • Suffixtext
  • Live data URLtext
  • Value pathtext
  • Refresh everyselect
  • Footnotetext