Installation

Install and use dnd-grid.

Installation

npm install @dnd-grid/react

Need the headless engine for a custom adapter?

npm install @dnd-grid/core

Add the styles to your global CSS file (e.g. globals.css):

@import "@dnd-grid/react/styles.css";

Usage

import { DndGrid, type Layout } from "@dnd-grid/react"

<DndGrid
  layout={layout}
  cols={12}
  rowHeight={50}
  onLayoutChange={setLayout}
>
  {layout.map((item) => (
    <div key={item.id}>{item.id}</div>
  ))}
</DndGrid>