Back to Vendure

ActionBar

docs/docs/reference/admin-ui-api/react-components/action-bar.mdx

3.7.1699 B
Original Source
<GenerationInfo sourceFile="packages/admin-ui/src/lib/react/src/react-components/ActionBar.tsx" sourceLine="22" packageName="@vendure/admin-ui" />

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>
  );
}
ts
function ActionBar(props: PropsWithChildren<{ leftContent?: ReactNode }>): void

Parameters

props

<MemberInfo kind="parameter" type={PropsWithChildren<{ leftContent?: ReactNode }>} />