Generate experiences with Puck AI
Read docs
API ReferenceOverridesfields

fields

Override the fields wrapper.

const overrides = {
  fields: ({ children }) => <div>{children}</div>,
};

Props

PropExampleType
children<div />ReactNode
fields{ title: <div /> }Object
isLoadingfalseboolean
itemSelector{ index: 0, zone: "my-content" }ItemSelector

children

The default node for the fields.

fields

An object containing the node for each visible field, keyed by field name. Use it to position fields individually.

const overrides = {
  fields: ({ fields }) => (
    <div>
      {fields.description}
      {fields.title}
    </div>
  ),
};

isLoading

Whether the selected item’s fields or data are being resolved.

itemSelector

An ItemSelector for the currently selected item. null when no component is selected.