Components
Loading preview...
This is a leaderboard podium component
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/leaderboard-podiumimport { LeaderboardPodium } from "@/components/ui/leaderboard-podium"
export default function DemoOne() {
return (
<LeaderboardPodium
rankings={[
{ userId: "1", userName: "Ava Elizabeth Turner", rank: 1, value: 2500, avatarUrl: "https://i.pravatar.cc/96?img=32" },
{ userId: "2", userName: "Leo Harrison", rank: 2, value: 2200, avatarUrl: "https://i.pravatar.cc/96?img=12" },
{ userId: "3", userName: "Rowan Elijah", rank: 3, value: 1800, avatarUrl: "https://i.pravatar.cc/96?img=15" },
]}
/>
)
}