Components

Timeline

The timeline displays concurrent and/or sequential items visually on a time axis.

Do's

  • label each item with a short, distinct and indicative heading
  • order items sequentially
  • always display the timestamp and heading for each item

Don'ts

  • don't use when there are less than 3 items - use list instead
  • don't use when all the items start at the same time
  • don't place items in an order that isn't sequential

When to use

  • when you want to present multiple consecutive items (events, occurrences, agendas, etc) visually

When not to use

  • don't use for actions or to indicate steps