Before / After

Two values separated by an arrow. Before strikes through muted, after lands in emerald.

Page load time
Before3.4s
After0.8s

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

Import & use
import { Stats5 } from "@/components/beste/piece/stats5";

<Stats5
  label="Page load time"
  before="3.4s"
  after="0.8s"
  beforeCaption="Before"
  afterCaption="After"
/>