oa/documentation/elements/content/content-ordered-lists-documentation.md

Ordered Lists

Ordered lists ol are also genrated using a div with the content class. Ordered list bullets can be controlled with the type attribute. Available types are type="1", type="A", type="a", type="I", type="i"

<template>
  <div class="columns">
    <div class="column is-one-fifth">
      <div class="content">
        <ol type="1">
          <li>Coffee</li>
          <li>Tea</li>
          <li>Milk</li>
        </ol>
      </div>
    </div>

    <div class="column is-one-fifth">
      <div class="content">
        <ol type="A">
          <li>Coffee</li>
          <li>Tea</li>
          <li>Milk</li>
        </ol>
      </div>
    </div>

    <div class="column is-one-fifth">
      <div class="content">
        <ol class="is-light" type="a">
          <li>Coffee</li>
          <li>Tea</li>
          <li>Milk</li>
        </ol>
      </div>
    </div>

    <div class="column is-one-fifth">
      <div class="content">
        <ol class="is-light" type="I">
          <li>Coffee</li>
          <li>Tea</li>
          <li>Milk</li>
        </ol>
      </div>
    </div>

    <div class="column is-one-fifth">
      <div class="content">
        <ol class="is-light" type="i">
          <li>Coffee</li>
          <li>Tea</li>
          <li>Milk</li>
        </ol>
      </div>
    </div>
  </div>
</template>

1. Coffee
2. Tea
3. Milk

1. Coffee
2. Tea
3. Milk

1. Coffee
2. Tea
3. Milk

1. Coffee
2. Tea
3. Milk

1. Coffee
2. Tea
3. Milk