Saltar al contenido

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

Lista de transferencia

Una lista de transferencia (o "shuttle") permite al usuario mover uno o más elementos de la lista entre listas.

Lista de transferencias simple

Para su integridad, este ejemplo incluye botones para "mover todos", pero no todas las listas de transferencias las necesitan.

List item 1
List item 2
List item 3
List item 4
  • List item 5
    List item 6
    List item 7
    List item 8
  • Lista de transferencias mejorada

    Este ejemplo cambia los botones "Mover todos" por una casilla "Seleccionar todo/seleccionar ninguna" y añade un 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