Transfer List

Dual-list picker to move items between available and selected panels.

Transfer List

Dual-list picker to move items between available and selected panels.

Preview

Available
Selected

Features

  • Bulk move selected items.
  • Bidirectional transfer controls.
  • Simple controlled state API.

Installation

npx shadcn@latest add https://www.shadcn-form.com/r/transfer-list.json

The CLI installs every dependency listed in the registry item.

Usage

import { TransferList } from '@/components/ui/transfer-list'
<TransferList available={available} selected={selected} onChange={setState} />