Leaderboard
a dashboard card of 3 to 10 entries: rank, avatar, name, the value right-aligned and its signed change
role: dashboard pages: app, analytics motion: none
Install
npx shadcn-vue@latest add @trame/saas-leaderboard # Vue
npx shadcn@latest add @trame/saas-leaderboard # Reactranked-rows
@trame/saas-leaderboard--ranked-rows a dashboard card of 3 to 10 entries: rank, avatar, name, the value right-aligned and its signed change
podium
@trame/saas-leaderboard--podium a team page or a monthly review where the top three matter: three raised tiles, the first in the middle, the rest as rows under them
table
@trame/saas-leaderboard--table a long ranking of 12 or more to scan and compare: rank, name, value, change and share columns, the viewer’s own row pinned when outside the top ten