n-transfer

What problem does it solve?

Coordinate multi-item selection by moving items between source and target lists, enabling intuitive management of large option sets.

Core Features & Use Cases

• Dual-list interface with source and target panels to move items between lists
• Optional filtering for both source and target lists (source-filterable / target-filterable)
• Virtual scrolling support for large datasets to preserve performance
• Custom rendering hooks for source/target items and panel titles
• Emits update:value to reflect changes and support two-way binding
• Practical use cases include permission assignment, team member selection, and feature configuration

Quick Start

Add the n-transfer component to your Vue template, bind v-model to a reactive array, and provide an options array to populate the lists.