Run Splits

Running recap with total distance and time at the top and a per-kilometer pace and elevation table.

10.2 kmRun

49:18avg 4:49 / km

km 14:38+ 12 m

km 24:52- 4 m

km 34:41+ 8 m

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Health15 } from "@/components/beste/piece/health15";

<Health15
  distance="10.2 km"
  totalTime="49:18"
  avgPace="4:49 / km"
  label="Run"
  splits={[
    {
      "km": 1,
      "pace": "4:38",
      "elevation": "+ 12 m"
    },
    {
      "km": 2,
      "pace": "4:52",
      "elevation": "- 4 m"
    },
    {
      "km": 3,
      "pace": "4:41",
      "elevation": "+ 8 m"
    }
  ]}
  tone="neutral"
/>