react-fzk-drag-and-drop v1.2.2

React Drag and Drop Component

A simple and reusable drag and drop component for React applications.

Installation

npm install react-fzk-drag-and-drop
yarn add react-fzk-drag-and-drop

Usage

import { DragAndDrop } from 'react-fzk-drag-and-drop';
import {DragItem} from 'react-fzk-drag-and-drop'

function App() {
  const [items, setItems] = useState<DragItem[]>([
    { id: 1, title: "First Item" },
    { id: 2, title: "Second Item" },
    { id: 3, title: "Third Item" },
  ]);

  return (
    <DragAndDrop
      items={items}
      displayKey="title"
      onItemsChange={setItems}
    />
  );
}

Props

License

MIT