<div class="select ">
<!--{ @name The data attribute for the select value when the form is serialized }-->
<!--{ @id Used by the select's corresponding label "for" attribute }-->
<!--{ @required "true" specifies wether a value for the select is required }-->
<!--{ @aria-controls Can be used to target another element by ID and toggle it's visibility when this select has a value }-->
<!--{ @tabindex Add "-1" to insure focusable elements are not visible when parent's aria-hidden attribute is "true" }-->
<select id="3f9414e968417" name="select['3f9414e968417']">
<option selected="true" value="">Select an option</option>
</select>
<!--{ @tabindex Add "-1" to insure focusable elements are not visible when parent's aria-hidden attribute is "true" }-->
<svg aria-hidden="true" class="select__graphic">
<use href="#select-nyco-chevrons"></use>
</svg>
</div>
Selects allow the user to choose one option from a list of options. They follow the usage guidelines of the U.S. Web Design System’s Select.
Selects should always be paired with a Label Element using the Select Question Component.