...
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 for a column picker.
  |
Usage & Behavior
...
the search bar, reordering buttons and the Apply are disabled.
a message appears within the chosen columns area, advising the user to select at least one item.
  |
Exceeding the maximum number of columns
Users can move any number of items to the Chosen Columns area, but if the number of items in that area exceeds the maximum number:
The apply button is disabled.
An error message appears at the bottom of the popup.
  |
Accessibility compliance
...
Zeplin link | Screen thumbnail |
|---|---|
 |
Code
...