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