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 demo Open in new window
320 x 568
View 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>