Components
Area
Line
Dot grid
Custom color, step curve
import { Sparkline } from "@/components/ui/sparkline"
const data = [12, 18, 14, 22, 26, 21, 30, 34, 28, 40, 44, 52]Installation#
pnpm dlx shadcn@latest add https://dashboardcn.com/r/sparkline.jsonUsage#
import { Sparkline } from "@/components/ui/sparkline"
<Sparkline data={[12, 18, 14, 22, 26, 21, 30]} className="h-8 w-24" />Your dashboard, your code.
Every component is copied into your project with the shadcn CLI. No package to upgrade, nothing to override.