Patterns

2.6.15

Select

 Anchor  

Default Select

<div class="select">
  <select>
    <option>Select a Borough</option>
    <option disabled="true">---</option>
    <option>Bronx</option>
    <option>Brooklyn</option>
    <option>Manhattan</option>
    <option>Queens</option>
    <option>Staten Island</option>
  </select>
  <svg aria-hidden="true" class="select__graphic">
    <use xlink:href="#select-nyco-chevrons"></use>
  </svg>
</div>

A styled select element. Styling of the element is determined by the Color Combination utility it is nested under. The graphics for the select element are included in the icon sprite that needs to be inlined in the DOM to appear.