Components
Loading preview...
npx shadcn@latest add https://21st.dev/r/trophyso/streak-calendarimport { StreakCalendar } from "@/components/ui/streak-calendar"
export default function DemoOne() {
const streak = [
{ periodStart: "2026-05-24", periodEnd: "2026-05-24" },
{ periodStart: "2026-05-25", periodEnd: "2026-05-25" },
{ periodStart: "2026-05-26", periodEnd: "2026-05-26" },
{ periodStart: "2026-05-27", periodEnd: "2026-05-27" },
{ periodStart: "2026-05-28", periodEnd: "2026-05-28" },
]
return (
<div style={{ padding: "16px" }}>
<StreakCalendar streak={streak} />
</div>
)
}