5.2 Select View in a new window
The select field, used to choose a single option from a list. If multiple options can be selected at the same time, consider using the Checkbox (multiple) component instead.
Twig: form/select/select.twig
Default example
Help text that provides additional information about the field.
Indication that the text field with required input is valid
Help text that provides additional information about the field.
Indication that the text field with required input is invalid
Help text that provides additional information about the field.
Markup
<div class="form__item">
<label for="select1" class="label--required">A select drop down</label>
<select id="select1" aria-describedby="selectHelp" class="{{ modifier_class }}" required>
<option value="">Select Option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
<option value="7">Option 7</option>
<option value="8">Option 8</option>
<option value="9">Option 9</option>
<option value="10">Option 10</option>
</select>
<div role="tooltip" id="selectHelp" class="form__description">Help text that provides additional information about the field.</div>
</div>