skills.rest
UCloud-FE
UCloud-FEOFFICIAL
Explore all skills by this author →
GitHub

cpn-basic-transfer-menu

Implement UDesign TransferMenu dual-list UIs with Transfer API props.

1|Updated Apr 14, 2026
Search Tags:#ui#react#component#props#transfer#transfer-menu
One-click install
npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-transfer-menu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cpn-basic-transfer-menu
Source: https://github.com/UCloud-FE/udesign-cli/tree/main/skills/cpn-basic-transfer-menu
Command: npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-transfer-menu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides AI to correctly utilize the UDesign TransferMenu component to render a Transfer list using Menu and to support all related props by referencing the Transfer component.

Core Features & Use Cases

  • Render a Transfer list via Menu to accurately reflect items between source and target panes.
  • Respect all props exposed by TransferMenu and align with the Transfer API for consistent behavior.
  • Use cases include configurable search, disabled states, titles, and footers to build rich dual-list interfaces.

Quick Start

Tell the AI to implement a TransferMenu-based UI using Menu to render the list with the full set of Transfer props.

Frequently Asked Questions about cpn-basic-transfer-menu

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render a dual-list transfer UI in React with search and disabled states?▼

To render a dual-list transfer UI in React, use the UDesign TransferMenu component to configure source and target panes, supporting props for search, disabled states, titles, and footers to build rich interactive lists.

What is the difference between a standard transfer list and a menu-based transfer list component?▼

A menu-based transfer list component renders items between source and target panes using a Menu interface, accurately reflecting transfer states while aligning with the standard Transfer API for consistent behavior across dual-list interactions.

How to configure TransferMenu props for source and target list interactions?▼

Configure TransferMenu props by referencing the Transfer API to drive source and target list interactions, ensuring prop-driven usage that adheres to project component standards for search, titles, and footer configurations.

Can I use TransferMenu with React to build a merge and transfer interaction?▼

Yes, you can use TransferMenu with React to build merge and transfer interactions by applying prop-driven configuration to render dual-list interfaces that accurately reflect items between configurable source and target panes.

What are the limitations of using TransferMenu for dual-list interfaces?▼

TransferMenu is limited to rendering dual-list transfer interfaces via Menu and requires strict adherence to the Transfer API, meaning all custom interactions must be implemented through the exposed props without bypassing the component's defined standards.

Related Skills

Explore More Software Engineering Skills→
UCloud-FEUCloud-FE
1

cpn-basic-transfer

Configure the UDesign Transfer component for multi-select data transfer between lists.

Official
Intermediate
sungaoxiang-backendsungaoxiang-backend

evidence-alipay-transfer-handler

Extract structured card_features from Alipay transfer screenshots.

Community
Advanced
UCloud-FEUCloud-FE
1

cpn-basic-z-form

Configure UDesign ZForm components with rc-form wrappers for form handling.

Official
Intermediate
wodsmithwodsmith
2

drag-and-drop

Implement drag-and-drop interactions for sortable lists and kanban boards.

Official
Advanced