Draggable List

Uma lista de elementos arrastáveis que podem ser reordenados pelos estudantes.

Opções

• data | array (required): conjunto de objetos com teclas "id" e "text". Default: none.
• onChange | function: chamada de retorno invocada com dados recém requisitados em cada mudança. Default: onChange(){}.
• onInit | function: função de chamada de retorno invocada após a montagem do componente. Default: onInit(){}.
• shuffle | boolean: controla se os elementos de dados devem ser embaralhados na exibição inicial. Default: false.
• disabled | boolean: controla se os elementos podem ser arrastados ou não. Default: false.
• className | string: nome da classe. Default: ''.
• style | object: Estilos em linha CSS. Default: {}.

Exemplos

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

Resultado

ReferenceError: Provider is not defined