Skip to main content

ActionBar

A container for the primary actions on a list or detail page

Example

Ts
import { ActionBar } from '@vendure/admin-ui/react';export function MyComponent() {  return (    <ActionBar leftContent={<div>Optional left content</div>}>      <button className='button primary'>Primary action</button>    </ActionBar>  );}
Signature
function ActionBar(props: PropsWithChildren<{ leftContent?: ReactNode }>): void

Parameters

props

parameterPropsWithChildren<{ leftContent?: ReactNode }>
Was this chapter helpful?
Report Issue
Edited Feb 2, 2026·Edit this page