Select Box

Default 

<div class="FieldGroup">
  <label class="FieldGroup-label" for="select-1">Select one</label>
  <div class="SelectBox">
    <select class="SelectBox-options" name="select-1" id="select-1">
      <option value="">Option 1</option>
      <option value="">Option 2</option>
      <option value="">Option 3</option>
      <option value="">Option 4</option>
      <option value="">Option 5</option>
    </select>
  </div>
</div>

Disabled 

<div class="FieldGroup">
  <label class="FieldGroup-label" for="select-2">Select one</label>
  <div class="SelectBox">
    <select class="SelectBox-options" disabled name="select-2" id="select-2">
      <option value="">Option 1</option>
      <option value="">Option 2</option>
      <option value="">Option 3</option>
      <option value="">Option 4</option>
      <option value="">Option 5</option>
    </select>
  </div>
</div>

Large 

<div class="SelectBox SelectBox--large">
  <select class="SelectBox-options" name="select-2" id="select-2">
    <option value="">Option 1</option>
    <option value="">Option 2</option>
    <option value="">Option 3</option>
    <option value="">Option 4</option>
    <option value="">Option 5</option>
  </select>
</div>