My issue is something similar to this one - Best UI pattern for letting a user assign items to groups

I am looking for a good UI design for mapping items between 2 groups (only one-to-one mapping). These items can be under a parent or by itself. I thought of drag-and-drop/ having checkboxes (or switch like) to turn on for any one group.

Items Group 1 Group 2

Item A
Item A1 checkbox checkbox

Item B checkbox checkbox


Sounds like a transfer list could be what you're looking for.

A transfer list (or "shuttle") enables the user to move one or more list items between lists.

Transfer list_Material UI

(Note: both link and screenshot refer to Material UI. There might be other visualizations or implementation that might suit your needs better. Nonetheless, you should get the idea)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.