actionBar

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

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

Props

Prop	Example	Type
`children`	`<div />`	ReactNode
`label`	`"HeadingBlock"`	String
`parentAction`	`<div />`	ReactNode

`children`

A fragment containing the default actions. This should normally be rendered inside an <ActionBar.Group>.

`label`

The default label for the action bar.

`parentAction`

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

Overrides componentItem