default.preview.html

<div class="example">
  <ul
    tabindex="-1"
    role="listbox"
    aria-labelledby="lisbox"
    class="mc-listbox is-open"
  >
    <li class="mc-listbox__item is-checked" role="option">
      <span class="mc-listbox__label">Option label</span>
    </li>
    <li class="mc-listbox__item" role="option">
      <span class="mc-listbox__label">Option label</span>
    </li>
    <li class="mc-listbox__item" role="option">
      <span class="mc-listbox__label">Option label</span>
    </li>
    <li class="mc-listbox__item" role="option">
      <span class="mc-listbox__label">Option label</span>
    </li>
    <li class="mc-listbox__item" role="option">
      <span class="mc-listbox__label">Option label</span>
    </li>
    <li class="mc-listbox__item" role="option">
      <span class="mc-listbox__label">Option label</span>
    </li>
  </ul>
</div>