Pular para o conteúdo

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

Transferência de Lista

Um transferência de lista (ou "shuttle") permite ao usuário mover um ou mais itens da lista entre as listas.

Transferência de lista simples

Para completar, este exemplo inclui botões para "mover tudo", mas nem todas as transferências de lista precisam disso.

List item 1
List item 2
List item 3
List item 4
  • List item 5
    List item 6
    List item 7
    List item 8
  • Transferência de lista aprimorada

    Este exemplo troca os botões "mover todos" por uma caixa de seleção para "selecionar todos / selecionar nenhum" e adiciona um contador.

    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