Components · Table
Components

Table

Headers are eyebrows, not small text — that is the draft's table voice. Rows separate on a hairline; zebra is opt-in and off by default. Numerics align right and carry tabular-nums by token.

EventDateReviewsScore
Maratona de Lisboa14 Mar 20264124.7
Meia de Cascais02 Feb 2026893.2
Trail do Gerês19 Jan 20261 2044.1
Corrida do Tejo08 Dec 20250

Row padding is --spacing-row, so the table above densifies with the header control. The functional register adds hover, stickyHead and selectable. A missing score is in text-muted, never 0.0: absence is a state, not the bottom of the scale.

Sporting Scouter Design System
Every token on this site is generated from theme.css.