List

A list organizes information into discrete sections.
Status:
In use
About this element

Examples and code

Examples and code

(There are a number of examples listed in the doc, not sure what we want to include... and pasting it over will lose all existing formatting. Will let Christopher deal with it!) 

Guidance

When to use

  • Ordered list: Use an ordered list when you need to display text in some ranking, hierarchy, or series of steps.
  • Unordered list: Use unordered lists to display text in no specific order.

When to consider something else 

  • If you need to communicate long lists of narrative text.

Usability guidance

  • Use sentence case and begin lists with a capital letter.
  • Use punctuation appropriate to the text. Do not leave sentences without periods.