Files
oa/documentation/elements/content/content-unordered-lists-documentation.md
2025-05-24 01:49:48 +09:00

1.2 KiB

Unordered Lists

By default, using an unordered ul list won't generate an html list. This is part of the Bulma specification. To generate you unordered list, wrap it inside a div with the content class. Lists can also have the is-light modifier to change the text color.

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

    <div class="column is-one-fifth">
      <div class="content">
        <ul class="is-light">
          <li>Coffee</li>
          <li>Tea</li>
          <li>Milk</li>
        </ul>
      </div>
    </div>
  </div>
</template>
  • Coffee
  • Tea
  • Milk
  • Coffee
  • Tea
  • Milk