# Form Transfer List

Transfer list with available and selected columns, search and move all buttons.

- id: `form-transfer-list`
- Page: https://agentic-ui-kit.com/components/form-transfer-list
- Live preview: https://agentic-ui-kit.com/live/component/form-transfer-list?piece=form-transfer-list

## Install

```bash
agentic-ui add form-transfer-list
npx shadcn@4.17.0 add @agentic-ui/form-transfer-list
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** dual-list, search-each-side, move-selected, move-all, reorder-chosen, drag-reorder, locked-items, select-all-visible, live-announcements, form-field, dark-mode
- **Intents:** manage-collection, configure, create-edit
- **Suits domains:** saas, crm, analytics, settings, hr, operations
- **Interaction:** click, search, drag-drop, keyboard-navigation
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** transfer list with available and selected columns, search and move all buttons, choose and order report columns by moving items between two lists, assign permissions or members from an available list to a chosen list, dual listbox with reorder of the selected items
- **Avoid when:** only a short list of options where checkboxes in one list are enough, the items form a hierarchy (use form-tree-select), selection from a very large or remote data set (use form-async-combobox)
- **Preserve when adapting:** move-buttons, announcements, locked-items
- **Replace when adapting:** items, titles, empty-text
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives