Dual List Box
Dual List Box provides users with two Select Boxes with the ability to move items between lists.
Property | Description |
---|---|
ariaLabels {
transferLTR: string;
transferRTL: string;
} | Labels for the aria attributes The default value is { transferLTR: 'Transfer Item Left to Right', transferRTL: 'Transfer Item Right to Left', } |
disableRTL boolean | Disables the button responsible for moving items from right to left box. |
disableLTR boolean | Disables the button responsible for moving items from left to right box. |
items Array<Array<TItem>> | Items spread across two arrays that will be displayed in the two Select Boxes. The default value is [[], []] |
onItemsChange (val: TItems) => void | Handler that triggers when the content of the items prop are changed. Caused by either reordering or transfering of items. |
left IBoxProps | Props for the left Select Box. The default value is {} |
right IBoxProps | Props for the right Select Box. The default value is {} |
size number | Amount of items that can fit inside the both Select Boxes before a scrollbar is introduced. |
spritemap string | Path to the spritemap that Icon should use when referencing symbols. |