<ActionBar>

Render the Puck ActionBar. Use this when overriding the actionBar.

<ActionBar label="Actions">
  <ActionBar.Group>
    <ActionBar.Action onClick={() => console.log("Clicked!")}>
      ★
    </ActionBar.Action>
  </ActionBar.Group>
</ActionBar>

Interactive Demo

Actions

Props

Prop	Example	Type	Status
`children`	`<div />`	ReactNode	Required
`label`	`"Label"`	String	Required

Required Props

`children`

The children for the ActionBar. Normally a fragment of <ActionBar.Action> components.

If this is a fragment, it will be rendered in a flex row.

`label`

The label for the ActionBar.

Components <ActionBar.Action>