Toolbar Plugin Reference | DevExtreme Reactive

A plugin that renders the Scheduler's toolbar.

Import

Use the following statement to import a plugin with embedded theme components:

import { Toolbar } from '@devexpress/dx-react-scheduler-material-ui';

If you want to use custom components, you can import the themeless plugin:

import { Toolbar } from '@devexpress/dx-react-scheduler';

none

Name	Type	Default	Description
rootComponent	ComponentType<Toolbar.RootProps>		A component that renders the toolbar's root element.
flexibleSpaceComponent	ComponentType<Toolbar.FlexibleSpaceProps>		A component that renders the toolbar's empty area.

Describes properties passed to a component that renders the toolbar's root element.

Field	Type	Description
children?	ReactNode	A React node that should be placed in the toolbar.

Describes properties passed to a component that renders the the toolbar's empty area.

Field	Type	Description
children?	ReactNode	A React node that should be placed inside the empty area.

Name	Properties	Description
Toolbar.Root	Toolbar.RootProps	A component that renders the toolbar's root element.
Toolbar.FlexibleSpace	Toolbar.FlexibleSpaceProps	A component that renders the toolbar's empty area.

Additional properties are added to the component's root element.