<Drawer>

A list of items that can be dragged into a <Puck.Preview>. Used for composing custom Puck UIs.

import { Puck, Drawer } from "@measured/puck";
 
export function Editor() {
  return (
    <Puck>
      <Drawer>
        <Drawer.Item name="Orange" />
      </Drawer>
    </Puck>
  );
}

Props

Required props

children

A React node representing the contents of the <Drawer>. Will likely contain <Drawer.Item> nodes.