<Puck.Components>

Render a draggable list of components based on the user-defined components when composing a custom Puck UI. Respects the categories API.

Interactive Demo

HeadingBlock

ParagraphBlock

import { Puck } from "@measured/puck";
 
export function Editor() {
  return (
    <Puck>
      <Puck.Components />
    </Puck>
  );
}

Props

This component doesn’t accept any props.