Table

OverviewStyleGuidelinesCodeAccessibilityDemos
  1. Overview
  2. Status
  3. Sample element
  4. When to use
  5. Status checklist
  1. Overview
  2. Status
  3. Sample element
  4. When to use
  5. Status checklist

Overview

A table is a container for displaying information. It allows a user to scan, examine, and compare large amounts of data.

Status

Sample element

Concerts
Date Event Venue
12 February Waltz with Strauss Main Hall
24 March The Obelisks West Wing
14 April The What Main Hall
Dates and venues subject to change.

When to use

  • To organize and display structured data
  • If a user needs to scan, examine, and compare data
  • If a user must navigate to a specific piece of data to complete a task

Status checklist

Edit this page on GitHub