When to use this component

The select component should only be used as a last resort in public-facing services because research shows that some users find selects very difficult to use.

When not to use this component

The select component allows users to choose an option from a long list. Before using the select component, try asking users questions which will allow you to present them with fewer options.

Asking questions means you’re less likely to need to use the select component, and can consider using a different solution, such as radios.

How it works

Things to remember

Order checkbox options alphabetically by default. In some cases, it can be helpful to order them from most-to-least common options, for example ‘Where do you live’ could be ordered by population size. But, you should be cautious about doing this as it can suggest bias in your service. If in doubt, order alphabetically.

Unlike with radios, users can select multiple options from a list of checkboxes. Do not assume that users will know how many options they can select based on the visual difference between radios and checkboxes alone. If needed, add a hint explaining this, for example, ‘Select all that apply’.