Lists

<ul class="">
    <li>item 1</li>
    <li>item 2</li>
</ul>
<ul class="{{ modifier }}">
    {% for item in items %}
        <li>{{ item }}</li>
    {% endfor %}
</ul>
{
  "items": [
    "item 1",
    "item 2"
  ]
}

Lists

Lists organize information. Lists are meant to behave in a certain way:

  • Use ordered lists when you need to display text in some ranking or hierarchy.
  • Use unordered lists to display information with no specific order.
  • A list must always consist of two or more items, never a single item.
  • A link in a list starts with a chevron.