Leaderboard and Tier List

Two native elements for ranked social content, both stored as data rather than as separate text boxes.

Leaderboard

Rows of a name, a score and an optional picture, ranked by their order. Set how many rows are shown, which rank is highlighted and whether pictures are drawn. The score is text, so it reads exactly as written, such as 9,820 or 1:02.4.

Tier List

Tiers such as S, A, B and C, each with a label, a colour and items. An item is text, a picture from the image library, or both. Move items within a tier or between tiers from the Inspector; each move is one undo.

Sizing and styling

Both are drawn in the element's own type size, so dragging a corner scales the whole element and dragging a side gives it more room. Text colour, font role and the highlight colour come from the element and the design system.