<div class="sb-form-control">
   <label class="sb-label" for="dropdown-id-disabled">Choose an option</label>
   <div class="sb-dropdown " id="dropdown-id-disabled">
     <div class="sb-dropdown__button sb-form-control__input sb-form-control__input--icon-right">
      <button class="sb-input" aria-label="Choose an option" disabled aria-expanded="false">
        Choice 1
      </button>
      <svg viewBox="0 0 11 6" class="sb-icon sb-icon--s sb-icon--arrow-dropdown">
        <path d="M5.5 6.793l4.146-4.147a.5.5 0 0 1 .708.708l-4.5 4.5a.5.5 0 0 1-.708 0l-4.5-4.5a.5.5 0 0 1 .708-.708L5.5 6.793z" id="a"/>
      </svg>
     </div>
     <ul class="sb-dropdown__menu" role="listbox">
       <li class="sb-dropdown__menu-item sb-text--milo" tabindex="0" role="option">Choice 1</li>
       <li class="sb-dropdown__menu-item sb-text--milo" tabindex="0" role="option">Choice 2</li>
       <li class="sb-dropdown__menu-item sb-text--milo" tabindex="0" role="option">Choice 3</li>
     </ul>
   </div>
 </div>