Skip to main content

ActionBar

ActionBar​

@vendure/admin-uiActionBar.tsx

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

Example

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​

parameter
PropsWithChildren<{ leftContent?: ReactNode }>