Native HTML `select`s are excellent to use because they will automatically behave as expected cross browser on different devices. Prefer them over the `Select` component or any other custom dropdown whenever possible.

```html
//title=Native HTML selects
<select>
  <option>default option</option>
  <option>an option</option>
  <option>another option</option>
</select>
```

```jsx harmony
//title=Sizing
//description=Set heights using the form control classes `.input-lg` and `.input-sm`. Create larger or smaller form controls that match button sizes.
<div>
  <select className="input-lg">
    <option>Option 1</option>
    <option>Option 2</option>
  </select>
  <select className="mtxl">
    <option>Option 1</option>
    <option>Option 2</option>
  </select>
  <select className="input-sm mtxl">
    <option>Option 1</option>
    <option>Option 2</option>
  </select>
</div>
```

```jsx harmony
//title=Select React component
<Select
  name="even-numbers"
  defaultValue="zero"
  options={['zero', 'two', 'four', 'six', 'eight']}
  />
```
Native HTML `select`s are excellent to use because they will automatically behave as expected cross browser on different devices. Use `select` inside a form, not custom dropdowns. Use [Dropdowns](/components/dropdowns/usage) for navigation.

```jsx harmony
//title=Sizing
//description=Set heights using the form control classes `.input-lg` and `.input-sm`. Create larger or smaller form controls that match button sizes.
<div>
  <select className="input-lg">
    <option>Option 1</option>
    <option>Option 2</option>
  </select>
  <select className="mtxl">
    <option>Option 1</option>
    <option>Option 2</option>
  </select>
  <select className="input-sm mtxl">
    <option>Option 1</option>
    <option>Option 2</option>
  </select>
</div>
```
Remove docs for Select React Component
Remove docs for Select React Component

Signed-off-by: Ming Xiao <fde61075b779168f6585a9760a4f9e9e08423562@pivotal.io>
