← ui-lab

Transfer List

Two lists with items that move between them. Each available item has an add button that moves it to the selected list, and each selected item has a remove button that moves it back — the keyboard- and pointer-operable, accessible counterpart of dragging items between columns. Both lists keep their order.

Preview

Available

Selected

    Installation

    npx shadcn@latest add https://ui.publictheta.com/r/transfer-list.json

    Conformance

    This component conforms to the @publictheta/ui-spec transfer-list specification. Run the suite against any implementation with pnpm conformance.