ToolbarSpacerProps

The ToolbarSpacer component is used to render an adjustable space within a Toolbar.

import { Toolbar, ToolbarItem, ToolbarSpacer } from '@syncfusion/react-navigations';
export default function App() {
  return (
      <Toolbar>
          <ToolbarItem><button>New</button></ToolbarItem>
          <ToolbarItem><button>Open</button></ToolbarItem>
          <ToolbarSpacer />
          <ToolbarItem><button>Save</button></ToolbarItem>
      </Toolbar>
  );
}

import { Toolbar, ToolbarItem, ToolbarSpacer } from '@syncfusion/react-navigations';
export default function App() {
  return (
      <Toolbar>
          <ToolbarItem><button>New</button></ToolbarItem>
          <ToolbarItem><button>Open</button></ToolbarItem>
          <ToolbarSpacer />
          <ToolbarItem><button>Save</button></ToolbarItem>
      </Toolbar>
  );
}

Props

The following table outlines the props for the ToolbarSpacerProps:

Name	Type	Default	Description
className	string	-	Specifies an optional CSS class to apply to the toolbar spacer. This is useful for reusing styling in a custom template.

ToolbarSpacerProps

Props

Enhance your React apps with Syncfusion components today