Ready

Dropdown Select

A Dropdown Select allows users to choose options from a list of predefined choices. It's a space-saving way to offer selections without cluttering the interface.

Ready

Dropdown Select

A Dropdown Select allows users to choose options from a list of predefined choices. It's a space-saving way to offer selections without cluttering the interface.

Anatomy

  1. Input

  2. Picklist

States

  1. Default

  2. Hover

  3. Focus

  4. Disabled

  5. Locked

Error and Warning

  1. Error: Helps users identify and fix critical issues.

  2. Warning: Alerts users to potential issues that don't block the workflow

  3. Tooltip: Use when space is limited and text cannot be displayed below the input

  4. Tooltip Focus: Displayed error or warning message

Best Practices

1

When to use 

Use a dropdown select when there are more than 5 options. When there are less than 5 options, consider using checkboxes or radios for quicker scan-ability. ¹

2

Multi select count

Display the a count of the selected items if there are many choices. If there are only a few choices, display selection values in the form input. ²

Do

3

Searchable Options

Include a search field if the list of options in extensive, such as a long list of line items names. ²

Do

Don't

4

Selection Summary

For multi select choices, a selection summary may be used to display the selected choices below the dropdown select. This allows the user to quickly see or remove previous selections. Don't use a selection summary for single select choices.

Do

Don't

Content

1

Labels

Keep the dropdown select label short. It should clearly indicate what the user will find in the menu.³

Do

  • Verticals

  • Account Team

Don't

  • Select Verticals

  • Pick the Account Team Members to Add

2

Placeholder

Include placeholder text that indicates the type of options in the menu.² Placeholder text should not function as the label. Use verb phrases for placeholder text.

Do

  • Select Verticals

  • Select Account Team

Don't

  • List of Verticals

  • Account Team Members

3

Item labels

Dropdown menu item labels should be short and written using parallel construction. In most cases, it should be a list of nouns. Avoid repeating words if possible.

4

Order

Options should be ordered in a logical manner, such as by frequency-of-use, or alphabetically as a fallback. Group similar options together to make them easier to scan.

© 2026 Basis Technologies
© 2026 Basis Technologies
© 2026 Basis Technologies