API ReferenceComponents<Puck.Layout>

<Puck.Layout>

Render the standard Puck layout. This is useful for implementing behavior using the internal Puck API without changing the default UI.

import { Puck } from "@measured/puck";
 
const Example = ({ children }) => {
  useEffect(() => console.log("Hello, world"), []);
 
  return <>{children}</>;
};
 
export function Editor() {
  return (
    <Puck>
      <Example>
        <Puck.Layout />
      </Example>
    </Puck>
  );
}

Props

This component doesn’t accept any props.

<Puck.Fields>

<Puck.Outline>