ToolbarSeparatorProps

The ToolbarSeparator component is used for rendering a visual separation between items in a Toolbar.

import { Toolbar, ToolbarItem, ToolbarSeparator } from '@syncfusion/react-navigations';
export default function App() {
  return (
      <Toolbar>
          <ToolbarItem><button>Cut</button></ToolbarItem>
          <ToolbarSeparator />
          <ToolbarItem><button>Copy</button></ToolbarItem>
      </Toolbar>
  );
}

import { Toolbar, ToolbarItem, ToolbarSeparator } from '@syncfusion/react-navigations';
export default function App() {
  return (
      <Toolbar>
          <ToolbarItem><button>Cut</button></ToolbarItem>
          <ToolbarSeparator />
          <ToolbarItem><button>Copy</button></ToolbarItem>
      </Toolbar>
  );
}

Props

The following table outlines the props for the ToolbarSeparatorProps:

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

ToolbarSeparatorProps

Props

Enhance your React apps with Syncfusion components today