We're currently working on the future of the Design system at Co-op

We'll start talking about this publicly as soon as we can. In the meantime this site will remain up to date with our current design patterns.

Bullet list live

Lists are an effective way of breaking up content — they make it easier for users to scan and find information. Use bullet points to break up a list of items.

Example

Example

The meeting agenda will be:

  • an overview of the last month
  • a presentation
  • a special announcement

HTML

                                
<p>The meeting agenda will be:</p>
<ul>
    <li>an overview of the last month</li>
    <li>a presentation</li>
    <li>a special announcement</li>
</ul>

                                

Design and content

Find out how we write bullet lists

Related components

Numbered lists