Select

Select

1
2  <label for="sample-input">Options</label>
3  <select class="c-select" id="sample-input">
4    <option>Option 1</option>
5    <option>Option 2</option>
6    <option>Option 3</option>
7    <option>Option 4</option>
8  </select>
9

First option as placeholder

1
2  <label for="sample-input">Options</label>
3  <select class="c-select" id="sample-input">
4    <option selected disabled>Please pick an option</option>
5    <option>Option 2</option>
6    <option>Option 3</option>
7    <option>Option 4</option>
8  </select>
9

Disabled picker

1
2  <label for="sample-input">Options</label>
3  <select class="c-select" id="sample-input" disabled>
4    <option>Option 1</option>
5    <option>Option 2</option>
6    <option>Option 3</option>
7    <option>Option 4</option>
8  </select>
9