Dropdowns

Use dropdown selectors when there is a list of options to choose from.

Container Styling

Text Styling

Best Practice 1

Add filtering or autofill when there is a long list of options. Otherwise, they become difficult to select from. Make sure selections are visible onscreen. If the positioning of the selection list is off the page users literally cannot make a selection.

Do This

Don't Do This

Best Practice 2

Use radio buttons if there are only two choices. Thinking about adding future selection options is fine, but if there will only ever be binary choices, use radio buttons. This will save users from having to open the dropdown just to see what the two options are.

Do This

Don't Do This