Skip to content

Block 207 of 260

KPI Card

One headline metric with change vs. a prior period and a sparkline. Every value binds to a P1 data source.

Puck key
KpiCardBlock
Export
kpiCardBlock
React component
<KpiCard />
Path
components/puck/kpi-card-block.tsx
Dependencies
None

Editor fields

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

  • Metric nametext
  • Heading levelselect
  • Valuetext
  • Prefixtext
  • Suffixtext
  • Change (%)text
  • Compared withtext
  • An increase isradio
  • Trend valuestext
  • Footnotetext