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
In progress | Storybook link coming soonWhen 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 or Combobox.
- Simple on/off settings: use Menu toggle items or Switch.
- Deep hierarchy without row metadata: use Tree view or a simple list.
- Whole-page mode changes: use Tabs or 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.