Usage Guidelines
When to Use
Utilize for dropdown search where links are required
When to Avoid
Avoid using component when dropdown search w/links is not required.
Component Superseded
SE006 Dropdown w/ Links
Dropdown search menu that features an area for text, a dropdown with selections and a CTA button.
Component Detail
“Search bar is comprised of three subcomponents: dropdown, text field, and
search command button. Dropdown values are customizable. Text field is initially populated with instructional text. On selection of a dropdown value, text field populates with value. On subsequent selection of search command button, page corresponding to dropdown value opens. “
Interactions
CTAs allow user to the selected item(s) in the dropdown.
Specifications
Max Characters
Dropdown Item: 40