Component Overview - Team box scores

While other components use a scroll to show and hide additional content, the binary nature of two teams in a match means that scrolls do not necessarily work so well. A tab-like toggle switches between variants. To aid the user in identifying the selected team and the non-selected team, the grey tab switches between selected teams. Additionally when selected the heading uses the team's primary colour instead of a neutral black. Teams' pages are decorated with their team colour to help differentiate between variants.

View all tags
Posted on Oct 7, 2021

More by Jonathan Hoy

View profile