Dual List Select

Mouse / Touch

• Drag items from the inactive list to the active list to add them
• Drag items within the active list to reorder
• Drag items from the active list to the inactive list to remove them

Keyboard Navigation

• Tab to focus individual items
• Left Arrow (on inactive item): Move to end of active list
• Right Arrow (on active item): Move to inactive list
• Up Arrow (on active item): Move item up one position
• Down Arrow (on active item): Move item down one position

Focus is automatically restored to the moved item after each action.

Demo (Fruits)

Note: State is not persisted. Refreshing will reset to defaults.