跳转到内容

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

Transfer List 传递列表

使用一个传递列表(或“穿梭框”(shuttle)),用户可以在列表之间移动一个或多个列表项。

简单的传递列表组件

为了完整起见,此示例包括”移动全部”的按钮,但并非每个传传递列表都需要这些。

List item 1
List item 2
List item 3
List item 4
  • List item 5
    List item 6
    List item 7
    List item 8
  • 进阶的传递列表组件

    本示例将“移动全部”按钮替换为“全选/不选”复选框,并添加了一个计数器。

    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