API ReferencePlugin

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

PropExampleTypeStatus
overridesoverrides: { fields: () => <div /> }Overrides-

overrides

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