# Select

The select component allows users to choose an option from a list.

# Default

<select class="goco-c-select">
  <option value="" selected>Please select</option>
  <option value="item-1">Item 1</option>
  <option value="item-2">Item 2</option>
  <option value="item-3">Item 3</option>
</select>

# Sizes

There is an additional size of the select available, small.

# Small

<select class="goco-c-select goco-c-select--small">
  <option value="" selected>Please select</option>
  <option value="item-1">Item 1</option>
  <option value="item-2">Item 2</option>
  <option value="item-3">Item 3</option>
</select>

# Dark

<select class="goco-c-select goco-c-select--dark">
  <option value="" selected>Please select</option>
  <option value="item-1">Item 1</option>
  <option value="item-2">Item 2</option>
  <option value="item-3">Item 3</option>
</select>