actionBar

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

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

Props

Prop	Example	Type
`children`	`<div />`	ReactNode

`children`

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

Overrides componentItem