Action button Alert Avatar Bottom sheet Button Card Checkbox Chip Circular button Compact date input Critical banner Date input Date picker Dropdown When to useAvailabilityInstruction Modal Money input Navigation option Nudge Password input Popover Promo card Radio Screen loader Search input Section header Segmented control Select Snackbar Summary Switch Tabs Text area Text input Upload Upload input
Design at Wise Foundations Components Action buttonAlertAvatarBottom sheetButtonCardCheckboxChipCircular buttonCompact date inputCritical bannerDate inputDate pickerDropdownInstructionModalMoney inputNavigation optionNudgePassword inputPopoverPromo cardRadioScreen loaderSearch inputSection headerSegmented controlSelectSnackbarSummarySwitchTabsText areaText inputUploadUpload inputPatterns Resources
Dropdown

A dropdown (sometimes called a select) lets users choose a single item from a dropdown list.

Dropdown
When to use

Use a dropdown:

  • when you have a list of 7 items or more that the user needs to pick from

Don't use a dropdown:

  • if the user needs to compare the options side-by-side to make a decision

Availability

Platform

Available

Developer documentation

Android

iOS

Web

Web documentation