Dropdown

Dropdowns are floating lists that can be revealed by an event such as a button click or select tag.

Overview

Dropdowns can be single or multi-selectable lists. Every Dropdown Item must have a parent Dropdown Group.

Key	Function
`Arrow down`	Moves focus to next non-disabled `calcite-dropdown-item`. If the current focus is the last `calcite-dropdown-item`, focus will cycle to the first `calcite-dropdown-item`.
`Arrow up`	Moves focus to previous non-disabled `calcite-dropdown-item`. If the current focus is the first `calcite-dropdown-item`, the focus will cycle to the last `calcite-dropdown-item`.
`Esc`	If the component is `open`, closes the component.
`Home`	Moves focus to the component's first `calcite-dropdown-item`.
`End`	Moves focus to the component's last `calcite-dropdown-item`.
`Enter`	When `closeOnSelectedDisabled` is `false` (default), selects the active `calcite-dropdown-item` and closes the component.
`Tab`	Moves focus to the next non-disabled `calcite-dropdown-item`. If the current focus is the last `calcite-dropdown-item`, focus will leave and close the component.
`Tab` and `Shift`	Moves focus to the previous non-disabled `calcite-dropdown-item`. If the current focus is the first `calcite-dropdown-item`, focus will leave and close the component.