Atom

Form Select

Show code
            
              <div class="form-select">
  <select class="form-select-default-js">
    <option>
      Default option
    </option>
    <option>
      2
    </option>
    <option>
      3
    </option>
    <option>
      4
    </option>
    <option>
      5
    </option>
  </select>
</div>

            
          

.form-select--multiple

Show code
            
              <div class="form-select">
  <select class="form-select-default-js" multiple>
    <option>
      Multiple 1
    </option>
    <option>
      Multiple 2
    </option>
    <option>
      Multiple 3
    </option>
    <option>
      Multiple 4
    </option>
  </select>
</div>

            
          

.form-select--disabled

Show code
            
              <div class="form-select form-select--disabled">
  <select class="form-select-default-js">
    <option>
      Default option
    </option>
    <option>
      2
    </option>
    <option>
      3
    </option>
    <option>
      4
    </option>
    <option>
      5
    </option>
  </select>
</div>

            
          

.form-select--error

Show code
            
              <div class="form-select form-select--error">
  <select class="form-select-default-js">
    <option>
      Default option
    </option>
    <option>
      2
    </option>
    <option>
      3
    </option>
    <option>
      4
    </option>
    <option>
      5
    </option>
  </select>
</div>

            
          

.form-select--success

Show code
            
              <div class="form-select form-select--success">
  <select class="form-select-default-js">
    <option>
      Default option
    </option>
    <option>
      2
    </option>
    <option>
      3
    </option>
    <option>
      4
    </option>
    <option>
      5
    </option>
  </select>
</div>

            
          

.form-select--warning

Show code
            
              <div class="form-select form-select--warning">
  <select class="form-select-default-js">
    <option>
      Default option
    </option>
    <option>
      2
    </option>
    <option>
      3
    </option>
    <option>
      4
    </option>
    <option>
      5
    </option>
  </select>
</div>