Transfer List
Dual listbox with search, checkbox selection and move selected/all buttons between Available and Chosen.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
TransferListProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">
| Prop | Type | Default | Description |
|---|---|---|---|
| items* required | TransferListItem[] | — | — |
| chosen | string[] | — | Controlled ids in the "Chosen" list (order preserved) |
| defaultChosen | string[] | [] | — |
| onChosenChange | (ids: string[]) => void | — | — |
| titles | [string, string] | ["Available", "Chosen"] | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/transfer-list.json