Draggable List

Un elenco di elementi trascinabili che possono essere riordinati dagli studenti.

Opzioni

• data | array (required): array di oggetti con tasti id e text. Default: none.
• onChange | function: richiamata con l'array di dati appena ordinato ad ogni modifica. Default: onChange(){}.
• onInit | function: funzione di richiamo richiamata dopo il montaggio del componente. Default: onInit(){}.
• shuffle | boolean: controlla se gli elementi dei dati devono essere mescolati nella visualizzazione iniziale. Default: false.
• disabled | boolean: controlla se gli elementi possono essere trascinati o meno. Default: false.
• className | string: nome della classe. Default: ''.
• style | object: Stili in linea CSS. Default: {}.

Esempi

Editore dal vivo

<DraggableList data={[ { id: 0, text: "Compact" }, { id: 1, text: "Large" }, { id: 2, text: "Midsize" }, { id: 3, text: "Small" } ]} />

<DraggableList
    data={[
        { id: 0, text: "Compact" },
        { id: 1, text: "Large" },
        { id: 2, text: "Midsize" },
        { id: 3, text: "Small" }
    ]}
/>

Risultato

ReferenceError: Provider is not defined