Components
Loading preview...
npx shadcn@latest add https://21st.dev/r/trophyso/points-levels-timelineimport { PointsLevelsTimeline } from "@/components/ui/points-levels-timeline"
export default function Demo() {
return (
<div style={{ padding: "16px" }}>
<PointsLevelsTimeline
levels={[
{ id: "bronze", name: "Bronze", points: 75 },
{ id: "silver", name: "Silver", points: 150 },
{ id: "gold", name: "Gold", points: 275 },
]}
/>
</div>
)
}