Dual list selector

Indicates whether the button is currently pressed or not.

To give screen reader users live feedback about what's happening during interaction with the dual list selector, both during drag and drop interactions and keyboard interactions. Highly Recommended

Gives the draggable button an accessible description by referring to the textual content that describes how to use the button to drag elements. Highly recommended

Provides an accessible name for the draggable button.

.pf-c-dual-list-selector__draggable .pf-c-button, [item text], .pf-c-dual-list-selector__status-text

Gives the button and the text element accessible IDs.

Gives the list an accessible name.

Indicates the list is single, a tree, or a subgroup within the tree.

Indicates the list is multiselectable.

Indicates the list has clickable children.

Indicates whether the item is part of a tree.

Indicates a treeitem is expanded.

Initiates the dual list selector component. Required

Initiates a dual list selector pane. Required

Initiates a dual list selector pane header. Required

Initiates a dual list selector pane title. Required

Initiates a dual list selector pane title text. Required

Initiates a dual list selector tools. Required

Initiates a dual list selector pane filter. Required

Initiates a dual list selector pane actions.

Initiates a dual list selector pane actions item.

Initiates a dual list selector pane selected status. Required

Initiates a dual list selector pane selected status text. Required

Initiates a dual list selector pane menu container. Required

Initiates a dual list selector pane menu list. Required

Initiates a dual list selector pane menu list item. Required

Initiates a dual list selector pane menu list item row. Required

Initiates a dual list selector pane draggable element.

<span>, <div>

Initiates a dual list selector pane menu item. Required

Initiates a dual list selector pane menu item main container. Required

Initiates the dual list selector item check.

Initiates the dual list selector item count.

Initiates the dual list selector item toggle icon.

Initiates the dual list selector item toggle.

Initiates a dual list selector pane menu item text. Required

Initiates the dual list selector controls. Required

Initiates the dual list selector controls item. Required

Defines a pane as the available list.

Defines a pane as the chosen list.

Modifies the dual list selector list to indicate that a draggable item is being dragged over the list.

Modifies the list item main to be a ghost row.

Modifies the menu item for the selected state.

Indicates that an item is selectable with a checkbox.

Indicates that an item is expandable.

Indicates that an item is expanded.

Indicates that an item is disabled. Note: If an item is expandable, only the top level item needs the disabled class.