Draggable List

Lista elementów do przeciągania, które mogą być ponownie uporządkowane przez uczniów.

Opcje

• data | array (required): tablica obiektów z klawiszami id i text. Default: none.
• onChange | function: wywołanie zwrotne z nowo zamówioną tablicą danych przy każdej zmianie. Default: onChange(){}.
• onInit | function: funkcja callback wywoływana po zamontowaniu elementu. Default: onInit(){}.
• shuffle | boolean: kontroluje, czy elementy danych powinny być przemieszane we wstępnym wyświetlaniu. Default: false.
• disabled | boolean: kontroluje, czy elementy mogą być przeciągane, czy nie. Default: false.
• className | string: nazwa klasy. Default: ''.
• style | object: Style CSS inline. Default: {}.

Przykłady

Edytor na żywo

<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" }
    ]}
/>

Wynik

ReferenceError: Provider is not defined