Alpha: Editor React Components are currently in alpha. This feature is subject to change and may have bugs, issues, and limitations. We're actively improving it based on your feedback.
Every action (native or custom) can specify an execution object that tells the editor what happens when the user clicks the action. The execution object contains an actionType field that determines the behavior, and a corresponding payload.
Each execution object accepts the following properties:
One of: 'data', 'panel', 'forward', 'event', 'cssProperty', 'cssCustomProperty', 'displayGroup'.
Payload for data actions.
Payload for panel actions.
Payload for forward actions.
Payload for event actions.
Payload for cssProperty actions.
Payload for cssCustomProperty actions.
Payload for displayGroup actions.
The following example opens the data-editing UI for the slides data item:
The following example opens a panel registered in the app dashboard:
The following example opens an inline panel that loads content from a URL:
The following example opens an inline panel rendered from a React component:
The following example forwards a custom action to a child element. The target element (previewContainer) must define a customActions.togglePreview entry in its own manifest for this to work.
The following example forwards the manageMenu native action to a child navbar element:
The following example dispatches an onExportData event:
The following example opens the styling control for backgroundColor:
The following example opens the styling control for a CSS custom property:
The following example opens the panel for a display group:
Last updated: 7 May 2026