Skip to content

🎉 Material UI v5 is out now! Check out the announcement blog post →

Edit this page

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

  • API