DSO Component Library

# Lists: Ordered List

Ready

- HTML
- View
- Context
- Info
- Notes
- WCAG

`

    <ol>
        <li>Cras justo odio</li>
        <li>Dapibus ac facilisis in</li>
        <li>Morbi leo risus</li>
        <li>Porta ac consectetur ac</li>
        <li>Vestibulum at eros</li>
    </ol>

`
`

    <ol>
      {{#each items }}
        <li>{{ this }}</li>
      {{/each}}
    </ol>

`
`

    items:
      - Cras justo odio
      - Dapibus ac facilisis in
      - Morbi leo risus
      - Porta ac consectetur ac
      - Vestibulum at eros

`

- Handle: @lists--ordered-list
- Variants (3): Unordered List , Ordered List , List Group
- Preview:
  - With layout
  - Component only
- Filesystem Path: components\02-content\lists\lists--ordered-list.hbs

Een List group is een flexibele en krachtige component om simpele en complexe lijsten van elementen te tonen, met custom content. Gebaseerd op de Bootstrap “List group” component

### WARNING: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage

This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

`<li>Cras justo odio</li>`

### NOTICE: WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2

Check that the title element describes the document.

`<title>Unordered List`