actionBar

Override the action bar. Use the <ActionBar> component to extend the default ActionBar UI.

import { ActionBar } from "@puckeditor/core";
 
const overrides = {
  actionBar: ({ children, label }) => (
    <ActionBar label={label}>
      <ActionBar.Group>{children}</ActionBar.Group>
    </ActionBar>
  ),
};

Props

Prop	Example	Type
`children`	`<div />`	ReactNode
`dragHandle`	`<div />`	ReactNode
`dragHandleRef`	`(el) => {}`	Ref
`label`	`"HeadingBlock"`	String
`parentAction`	`<div />`	ReactNode

`children`

A fragment containing the default actions. Normally rendered inside an <ActionBar.Group>.

`dragHandle`

The default drag handle action to drag the current component.

undefined unless dnd.enableDragHandle is enabled.

`dragHandleRef`

A ref to register your own element as the drag handle.

undefined unless dnd.enableDragHandle is enabled.

Only use this if not rendering the provided dragHandle node.

`label`

The default label for the action bar.

`parentAction`

A single <ActionBar.Action> to select the current component’s parent.

Overrides componentOverlay