Components
Loading preview...
This is a achievement grid
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/achievement-gridimport { AchievementGrid } from "@/components/ui/achievement-grid"
export default function DemoOne() {
return (
<AchievementGrid
achievements={[
{ id: "1", name: "Early Bird", trigger: "api", achievedAt: "2024-01-01T00:00:00Z" },
{ id: "2", name: "First Steps", trigger: "streak", achievedAt: "2024-01-03T00:00:00Z" },
{ id: "3", name: "Task Master", trigger: "metric", achievedAt: "2024-01-02T00:00:00Z" },
]}
/>
)
}