Select & assign
Move choices from available to assigned with clear, reversible actions.
1
Present available and assigned values as separate lists.
2
Use checkboxes to mark a batch, then an explicit action to move it.
3
Allow removal and make the final selection easy to inspect.
WORKING EXAMPLE
Component reference →Select & assign
Searching narrows the visible choices. It does not discard the selected values. A disabled option cannot be assigned or removed.
Keep the same interaction sequence and connect its events to your own state and data. Reuse the component’s styles and accessible controls so the behavior remains familiar.