2 Col List

A 2 Col List is 2 blocks of text displayed in 2 columns, and repeated in rows.

It is designed to enable visitors to skim read short sections of content.

When to use this component

Use this component to display:

  • 'tabular- type' content in a more interesting way than paragraphs of straight text.
  • a group of paragraphs with headings.
  • This component works best for content such as ordered lists & steps / timeline of events.

When not to use this component

For price lists etc... use the new table component that is coming soon.

Decide between using 2 Col Grid and 2 Col list

Use the 2 Col Grid to:

  • Display short bodies of text (a paragraph) that can be grouped
  • For example; to summarise points / key facts / list of steps

Use the 2 Col List to:

  • Display medium sized bodies of text (a couple of paragraphs) that can be grouped
  • To enable users to skim read short sections of content.
  • For example; ordered lists & steps / timeline of events