Skip to content

Dual Listbox

FLEX
Included

Dual-pane selection tool with search, reordering, and virtual scrolling.

Dual Listbox

Search, mark and transfer multiple items. Reorder with touch, mouse or keyboard.

Available

6
Create users Invite and register accounts
Delete users Remove accounts permanently
View posts Read published content
Publish posts Make content public
View billing See invoices and plans
Manage billing Change subscription settings
0 marked

Selected

2
View users Browse the user directory
Edit posts Update existing articles
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Assign capabilities. Drag selected items to reorder. On touch, hold one item, tap others with a second finger, then drag the group onto the other pane — drop on a Selected row to insert before or after it.

Available

2
Delete access
Administration
0 marked

Selected

2
Read access
Write access
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Available

5
Alpine.js
Laravel
Livewire
React
Vue
0 marked

Selected

1
Tailwind CSS
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Available

3
Reviewing
Published
Archived
0 marked

Selected

1
Draft
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Available

3
Draft
Reviewing
Archived
0 marked

Selected

1
Published
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Available

3
Reviewing
Published
Archived
0 marked

Selected

1
Draft
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Available

6
Create users Invite and register accounts
Delete users Remove accounts permanently
View posts Read published content
Publish posts Make content public
View billing See invoices and plans
Manage billing Change subscription settings
0 marked

Selected

2
View users Browse the user directory
Edit posts Update existing articles
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Locked rows cannot move between panes in the interface. View users can still be reordered; Delete users cannot be added.

Available

998
Catalog item 1
Catalog item 2
Catalog item 4
Catalog item 5
Catalog item 6
Catalog item 7
Catalog item 8
Catalog item 9
Catalog item 10
Catalog item 11
Catalog item 12
Catalog item 13
Catalog item 14
Catalog item 15
0 marked

Selected

2
Catalog item 3
Catalog item 21
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Only the visible rows and a small buffer are rendered. Search both panes and use End to reach the last row.

Available

3
Reviewing
Published
Archived
0 marked

Selected

1
Draft
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Available

3
Draft
Reviewing
Archived
0 marked

Selected

1
Published
0 marked

Space to mark · Enter to transfer · Shift + arrows to select a rangeTap to mark several · Hold to drag · Tap with another finger to add to the stack

Loading code examples…

Information

Developer
FLEX
Category
Pickers
Website