Comment on page
Used to move options between two lists and is often referred to as a multi-select.
The Dual Listbox component allows users to select multiple items from two lists. It is typically made up of two lists of items, each with a set of options that the user can choose from. Users can select items from either list by clicking on them and move items between them using arrow buttons or drag-and-drop functionality.
The Dual Listbox component may also include filtering and searching options, allowing users to quickly find specific items within the lists. It may also include formatting options for the displayed items, such as font size and color.
If you want to add a label to your dual listbox, you can change to variant to access multiple settings.
Width of the source options listbox and the selected options listbox. Valid values include small, medium and large
If present, a search box is added to the first listbox to search options. Useful if you are displaying a lot of options.
If present, the options are draggable between the left and right lists.
From the Styles panel, you can customize styling for the Dual Listbox:
Last modified 6mo ago