> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cognite.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Select panel

> Select panel allows users to select one or more items but can also be paired with more complex controls, like Checkboxes or re-ordering. Select panels are often triggered by (icon) Buttons.

## Select panel

<Badge color="orange">In progress</Badge> | *Storybook link coming soon*

### When to use

* When filtering items in the content area, use a Select panel with multi-select checkboxes and a 'Select all' button.
* When re-ordering items, use a Select panel with drag and drop handles.
* When the options presented need more explanation, use a Select panel with descriptions within each menu item.

### When to use something else

* Basic single or multi-select in forms: use [Select](/aura-design-system/primitives/select) or [Combobox](/aura-design-system/primitives/combobox).
* Simple on/off settings: use [Menu](/aura-design-system/primitives/menu) toggle items or [Switch](/aura-design-system/primitives/switch).
* Deep hierarchy without row metadata: use [Tree view](/aura-design-system/primitives/tree-view) or a simple list.
* Whole-page mode changes: use [Tabs](/aura-design-system/primitives/tabs) or [Segmented control](/aura-design-system/primitives/segmented-control).

### Dos and don'ts

* Do have users confirm their selection with an 'Apply' or 'Save' (or appropriate label) Button in the footer when making multiple selections.
* Do display the 'Select all' box to allow the user to easily select or deselect all.

### Behavior

Current selection:
To help users track their selections, show selected items at the top of the list — but only reorder on the next open, not while the user is actively selecting. Reordering mid-interaction is disorienting.
Exception: if the items represent an ordered sequence (like column order), preserve their position instead on the next open and allow them to be reordered mid-interaction.

Dismissing Select panels
Select panels can be dismissed in one of four ways:

* make a selection (and the panel closes).
* click outside of the Select panel area.
* click “Cancel” in the footer area, or.
* hits Esc on the keyboard.

### Often used with

* Trigger [Button](/aura-design-system/primitives/button) (often icon); [Checkbox](/aura-design-system/primitives/checkbox) list or reorder list; footer [Button](/aura-design-system/primitives/button)s (**Apply** / **Cancel**); optional [Search](/aura-design-system/primitives/search) inside large lists.