See also: Data Tables
Lead: Liav Nadler
| Status | ||||
|---|---|---|---|---|
|
| Table of Contents |
|---|
Description
...
The most common use of the dual list selector is a column picker, used in data tables. For this reason, this document describes the structure and function on a column picker.
...
 |
Usage & Behaviour
General guidelines
...
If the user removed all items from the Selected Columns list:
The search bar and reordering buttons get disabled
A message appears inside the container, guiding the user to select at least one item
...
 |
In this case, clicking the Done button:
Shows an error message at the bottom of the dialog
Disables the button
...
 |
Limiting the Number of Items
It is recommended to limit the number of selected items, depending on common usage and system performance
In this case, the maximum number of items will be presented within the indicator at the top of the Selected Columns list, regardless of the number of available columns
If the user reached the maximum number of items:
The right arrow button will be disabled
Dragging items from the Available Columns list will be disabled
A relevant message will appear at the bottom of the popup
...
 |
Accessibility compliance
<<In general each component should be A11y complied, please follow the 3 guidelines linked below. At the very least we should document that each component is in compliance with each of the 3>>
...
Zeplin link | Screen thumbnail |
|---|---|
 |
Code
<<a box containing the code - discuss with Femi>>