Resizable Box

Extends Box with

Implemented using ResizeObserver webapi

Usage

import { ResizableBox } from "mui-extended";

const resizableBox = (
  <ResizableBox onResize={(width: number, height: number) => {}}>
    {children}
  </ResizableBox>
);

Props

• props are same as Box
• onResize
  - a function callback to be fired when Box is resized
• boxRef
  - a ref to Box's div