Skip to content

🎉 Material UI v5 is out! Head to the migration guide to get started.

Transfer List

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

Simple Transfer List

For completeness, this example includes buttons for "move all", but not every transfer list needs these.

List item 1
List item 2
List item 3
List item 4
  • List item 5
    List item 6
    List item 7
    List item 8
  • Enhanced Transfer List

    This example exchanges the "move all" buttons for a "select all / select none" checkbox, and adds a counter.

    Choices0/4 selected

    List item 1
    List item 2
    List item 3
    List item 4
  • Chosen0/4 selected

    List item 5
    List item 6
    List item 7
    List item 8