Sha256: a4a4b54eff8a68cfc3eae26db03c75494df99c0950df47fca0757a629b96c8bf
Contents?: true
Size: 1.07 KB
Versions: 1011
Compression:
Stored size: 1.07 KB
Contents
import React, { useState } from "react";
import { SelectableList, DraggableProvider } from "playbook-ui";
// Initial items to be dragged
const data = [
{
id: "41",
text: "Task 1",
},
{
id: "42",
text: "Task 2",
},
{
id: "43",
text: "Task 3",
},
{
id: "44",
text: "Task 4",
},
];
const DraggableWithSelectableList = (props) => {
const [initialState, setInitialState] = useState(data);
return (
<>
<DraggableProvider initialItems={data}
onReorder={(items) => setInitialState(items)}
>
<SelectableList enableDrag
variant="radio"
{...props}
>
{initialState.map(({ id, text }) => (
<SelectableList.Item
dragId={id}
key={id}
label={text}
name="radio-test"
value={id}
{...props}
/>
))}
</SelectableList>
</DraggableProvider>
</>
);
};
export default DraggableWithSelectableList
Version data entries
1,011 entries across 1,011 versions & 2 rubygems