Overrides

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

An object describing render functions to override the default Puck interface.

const overrides = {
  header: () => <header>My header</header>,
};

Available overrides

• components: Override the component list.
• componentItem: Override an individual item within the component list.
• fields: Override the fields wrapper.
• fieldLabel: Override the field labels.
• fieldTypes: Override each field type.
• header: Override the header.
• headerActions: Override the header actions. Return a fragment so your items appear inline.
• iframe: Override the root of the iframe. Useful for injecting styles.
• outline: Override the outline.
• preview: Override the drag-and-drop preview.
• puck: Override the Puck children. This is the equivalent of passing in children to the <Puck> component.