Select
Allowing our members the freedom to choose
Remember, when working with forms, add the aria-describedby
attribute, and some helpful text, to allow a seamless experience for everybody.
Keep your form on a white background to enable full contrast ratios for form validation messages.
How we design them
Remember to add the aria-describedby
attribute, and some helpful text, to allow a seamless experience for everybody.
Select components need to be a child of a form.
How they look
View demoView code
<form>
<select name="number" class="gg-c-select" aria-describedby="choose a number">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>