Toolbar Plugin Reference

A plugin that renders the Grid toolbar.

Import

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

import { Toolbar } from '@devexpress/dx-react-grid-material-ui';
// import { Toolbar } from '@devexpress/dx-react-grid-bootstrap4';
// import { Toolbar } from '@devexpress/dx-react-grid-bootstrap3';

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

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

User Reference

Dependencies

none

Properties

Name Type Default Description
rootComponent ComponentType<Toolbar.RootProps>   A component that renders the toolbar root element.

Interfaces

Toolbar.RootProps

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

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

Plugin Components

Name Properties Description
Toolbar.Root Toolbar.RootProps A component that renders the toolbar root element.

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

Plugin Developer Reference

Imports

Name Plugin Type Description
header Template object? A template that renders the grid header.

Exports

Name Plugin Type Description
toolbarContent Template object? A template that renders the toolbar content.