2.31 #Components.select Select

Toggle example guides Toggle HTML markup

Select element. If you would like to apply validation styles and messages, check out the Form Control component.

Browser support: IE9+, Safari6+, Firefox35+, Chrome30+

Markup
 <div class="sb-form-control">
   <label class="sb-label" for="select-id-1">Choose an option</label>
   <div class="sb-select sb-form-control__input sb-form-control__input--icon-right">
     <select class="sb-input" id="select-id-1">
       <option selected>Select</option>
       <option>Choice 1</option>
       <option>Choice 2</option>
       <option>Choice 3</option>
     </select>
     <svg class="sb-icon" viewBox="-5 -5 16 16"><path d="M0 0l3.5 4L7 0H0"></svg>
   </div>
 </div>
Source: components/_select.scss, line 1