useContainerWidth

Measure and track container width.

DndGrid and ResponsiveDndGrid measure container width automatically. Use useContainerWidth when you need the width for custom constraints or to drive DndGrid/useDndGrid directly.

Example


import { useState } from "react";
import { DndGrid, type Layout, useContainerWidth } from "@dnd-grid/react";
import "@dnd-grid/react/styles.css";

const

Published with Edda

Option	Type	Default	Description
`measureBeforeMount`	`boolean`	`false`	Delay rendering until the first measurement. Useful for SSR.
`initialWidth`	`number`	`1280`	Width value used before measuring.

Value	Description
`width`	Current container width.
`mounted`	`true` after the initial measurement when `measureBeforeMount` is enabled.
`containerRef`	Attach to the element you want to measure.
`measureWidth`	Trigger a manual measurement.

useContainerWidth

Example

useContainerWidth

Example

Options

Returns