<ActionBar.Action>

Render an action button in the <ActionBar>. Often used inside an <ActionBar.Group>.

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

Interactive Demo

Props

Prop	Example	Type	Status
`children`	`<svg />`	ReactNode	Required
`onClick`	`() => void`	Function	-
`label`	`"Label"`	String	-

A node to render as the children of the action. Should be a string or an icon.

Puck uses Lucide icons. You can use lucide-react to choose a similar icon, if desired.

An onClick callback triggered when the user clicks the action.

A label to provide an accessible label when using icon.