Code

Props

Props	Data Type	Required
children	-Custom Components (DualListContent, DualListContentItem, DualListContentSelector, DualListFilter)	✅
className	string	❌
type	'Source' | 'Target'	❌
title	string	❌
selectedItemsTitle	string	❌
selectedItemsCount	string | number	❌
btnText	string	❌
btnAction	function	❌

Children

To generate the structure required for the DualList, the developer is able to insert the following components as children elements:

DualListContentFilter

Props	Data Type	Required
className	string	❌
children	Search component	✅

DualListContent

Props	Data Type	Required
className	string	❌
children	-DualListContentItem -DualListContentSelector	✅

DualListContentSelector

Props	Data Type	Required
className	string	❌
id	string	✅
label	string	✅
children	Search component	✅
onClick	Function	❌

DualListContentItem

Props	Data Type	Required
className	string	❌
id	string	✅
checked	boolean	✅
children	Search component	✅
onClick	Function	❌

Example

https://github.com/2600hz/sds-react-components-examples/tree/main/GeneralComponents/DualListgithub.com