carbon-components/html/dropdown/dropdown--inline.html

Carbon Components is a component library for IBM Cloud

<ul data-dropdown data-dropdown-type="inline"  data-value class="bx--dropdown bx--dropdown--inline"
  tabindex="0">
  <li class="bx--dropdown-text">
    
    <span class="bx--dropdown-text__inner">Inline Dropdown label</span>
    <svg class="bx--dropdown__arrow" width="10" height="5" viewBox="0 0 10 5" fill-rule="evenodd">
      <path d="M10 0L5 5 0 0z"></path>
    </svg>
  </li>
  <li>
    <ul class="bx--dropdown-list">
        <li data-option data-value="all" class="bx--dropdown-item">
          <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">Option 1</a>
        </li>
        <li data-option data-value="cloudFoundry" class="bx--dropdown-item">
          <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">Option 2</a>
        </li>
        <li data-option data-value="staging" class="bx--dropdown-item">
          <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">Option 3</a>
        </li>
        <li data-option data-value="dea" class="bx--dropdown-item">
          <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">Option 4</a>
        </li>
        <li data-option data-value="router" class="bx--dropdown-item">
          <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">Option 5</a>
        </li>
    </ul>
  </li>
</ul>