Select
Mount Union UI includes a predefined select, or dropdown, style.
Example
<div class="select">
<label
class="display-block margin-1-b"
for="select-example"
>Choose an Option</label>
<select
id="select-example"
name="select-example"
>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
<option value="option-4">Option 4</option>
<option value="option-5" disabled>Option 5</option>
<option value="option-6">Option 6</option>
<option value="option-7">Option 7</option>
<option value="option-8">Option 8</option>
<option value="option-9">Option 9</option>
<option value="option-10">Option 10</option>
<option value="option-11">Option 11</option>
<option value="option-12">Option 12</option>
<option value="option-13">Option 13</option>
<option value="option-14">Second to Last</option>
<option value="option-15">Option 15</option>
</select>
</div>
Style #
Default |
|
Hover |
|
Active |
|
Disabled |
|
Focus |
|