# Leaderboard

Leaderboard: a free component, built on your design tokens, to use in a game, fitness challenge or learning streak, for showing who leads and where you stand. A game or challenge leaderboard: a calm podium of the top three with photos and a crown for first, ranked rows with photos and how far each moved up or down, your own row pinned and highlighted, and a this week or all time switch.

Prompt: Add the OpenDesigner component leaderboard to this project: https://opendesigner.dev/library/r/leaderboard.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: this week, all time, moved up, moved down, no change, you, focus.

Accessibility: Ordered lists in rank order (the podium is reordered only visually); each rank change is said in words, your row has aria-current, and the period switch is a native radio group.

File: https://opendesigner.dev/library/r/leaderboard.html