Move items between source and target lists with filtering and virtual scrolling.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-transfer
Please help me install this Agent Skill. Skill: n-transfer Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-transfer Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-transfer
Coordinate multi-item selection by moving items between source and target lists, enabling intuitive management of large option sets.
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.
High-intent search queries and answers about installing and using this skill.
A dual-list transfer for Vue3 coordinates multi-item selection by moving options between source and target panels. It emits update:value to reflect changes, supporting two-way binding for intuitive permission assignment and team member selection.
Handling large datasets in a transfer UI component requires virtual scrolling support to preserve performance. This approach renders only visible items, maintaining smooth interactions when configuring features or selecting options from extensive lists.
Filtering items on both source and target lists in a dual-list interface is supported through source-filterable and target-filterable options. This enables precise navigation when managing large option sets for feature configuration.
Customizing the rendering of items in a Vue3 transfer component utilizes custom rendering hooks for source and target items, plus panel titles. This allows developers to tailor the dual-list presentation to specific application needs.
Naive-ui virtual scroll works with dual-list item transfer to handle large datasets efficiently. It preserves performance by dynamically rendering visible rows, making it suitable for scenarios with extensive option sets.
ruan-catMigrate Vue2 Options API projects to Vue3 Composition API with TypeScript.
WanderTheWeebManage Phaser key-value state with DataManager events across GameObjects, scenes, and registry.
jiaiyanRender gradient text with configurable size and type in Vue 3.
1k-offBuild Umbraco backoffice collections with repository-backed data sources and table views.
