Overrides

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

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

Available overrides

• actionBar: Override the action bar.
• componentOverlay: Override the overlay shown on hover or selection of a component.
• drawer: Override the component drawer.
• drawerItem: Override an item within the component drawer.
• 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.