ActionBar

pageId

The ID of the page where the action bar item should be displayed.

component

A React component that will be rendered in the action bar. Typically, you would use the default Shadcn <Button> component.

type

The type of action bar item to display. Defaults to button. The 'dropdown' type is used to display the action bar item as a dropdown menu item.

When using the dropdown type, use a suitable dropdown item component, such as:

import { DropdownMenuItem } from '@vendure/dashboard';// ...{  component: () => <DropdownMenuItem>My Item</DropdownMenuItem>}

requiresPermission

Any permissions that are required to display this action bar item.

id

A unique identifier for this action bar item. This is required if you want other extensions to be able to position their items relative to this one.

position

Position this item relative to another action bar item. The itemId should match the id of an existing action bar item (either a built-in item or one added by another extension).

• 'before': Place this item before the target item
• 'after': Place this item after the target item
• 'replace': Replace the target item entirely with this item

itemId

order