Plugin

⚠️ The plugin API is highly experimental and is likely to experience breaking changes.

A plugins is an extensions that enhances the capabilities of Puck.

import { Puck } from "@measured/puck";
 
const MyPlugin = {
  overrides: {
    componentItem: ({ name }) => (
      <div style={{ backgroundColor: "hotpink" }}>{name}</div>
    ),
  },
};
 
export function Editor() {
  return (
    <Puck
      // ...
      plugins={[MyPlugin]}
    />
  );
}

Params

Prop	Example	Type	Status
`overrides`	`overrides: { fields: () => <div /> }`	Overrides	-

`overrides`

Override the render functions for specific portions of the Puck UI. Implements the overrides API.

Permissions