Draggable List

Húzható elemek listája, amelyeket a tanulók átrendezhetnek.

Opciók

• data | array (required): az "azonosító" és "szöveg" kulcsokkal rendelkező objektumok tömbje. Default: none.
• onChange | function: callback hívás az újonnan rendezett adattömbökkel minden egyes változáskor. Default: onChange(){}.
• onInit | function: callback függvény, amelyet az alkatrész felszerelése után hívnak meg. Default: onInit(){}.
• shuffle | boolean: szabályozza, hogy az adatelemek keveredjenek-e a kezdeti megjelenítéskor. Default: false.
• disabled | boolean: szabályozza, hogy az elemeket lehet-e húzni vagy sem. Default: false.
• className | string: osztály neve. Default: ''.
• style | object: CSS inline stílusok. Default: {}.

Példák

Élő szerkesztő

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

Eredmény

ReferenceError: Provider is not defined