Components
Loading preview...
This is a points badge component
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/points-badgeimport { PointsBadge } from "@/components/ui/points-badge"
export default function Demo() {
return (
<div style={{ padding: "24px", display: "flex", gap: "16px", flexWrap: "wrap" }}>
<PointsBadge name="XP" total={2500} />
<PointsBadge name="XP" total={2500} size="sm" />
<PointsBadge name="XP" total={2500} size="lg" />
</div>
)
}