Components
Loading preview...
This is achievement badge
npx shadcn@latest add https://21st.dev/r/trophyso/achievement-badgeimport { AchievementBadge } from "@/components/ui/achievement-badge"
export default function BadgeSizes() {
const base = {
id: "1",
name: "Consistency I",
trigger: "streak" as const,
achievedAt: "2024-01-01T00:00:00Z",
}
return (
<div className="flex items-end gap-6">
<AchievementBadge achievement={base} badgeSize="sm" />
<AchievementBadge achievement={base} badgeSize="default" />
<AchievementBadge achievement={base} badgeSize="lg" />
<AchievementBadge achievement={base} badgeSize="xl" />
</div>
)
}