import { ChartBar } from "@/components/chart-bar"
const data = [
{ month: "Jan", desktop: 186, mobile: 80 },
{ month: "Feb", desktop: 305, mobile: 200 },
{ month: "Mar", desktop: 237, mobile: 120 },
{ month: "Apr", desktop: 73, mobile: 190 },
{ month: "May", desktop: 209, mobile: 130 },
{ month: "Jun", desktop: 214, mobile: 140 },
]
export function Demo() {
return (
<ChartBar
data={data}
showLegend
title="Visitors"
description="January – June 2025"
index="month"
series={[{ key: "desktop", label: "Desktop" }, { key: "mobile", label: "Mobile" }]}
/>
)
}
Updates live as you change the controls. Only non-default props are included.