Select
Single select allows users to make a single selection from a dropdown list of six or more items. Consider using radio buttons for fewer items.
On this page
Interactive Demo
This demo lets you preview the select component, its variations, and configuration options. Each tab displays a different type of select.
Loading preview
What’s New
- Updated select to follow 8x system by decreasing the height to 48px and border updated to pass color contrast
- Introducing new variations of dropdown list as well as new styling of the list
- New focus state applied to select
Questions?
Connect with the DLS Team on Slack or by email.
Resources
Check out additional resources.