A plugin that renders the Grid toolbar.
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';none
| Name | Type | Default | Description |
|---|---|---|---|
| rootComponent | ComponentType<Toolbar.RootProps> | A component that renders the toolbar root element. |
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. |
| 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.
| Name | Plugin | Type | Description |
|---|---|---|---|
| header | Template | object? | A template that renders the grid header. |
| Name | Plugin | Type | Description |
|---|---|---|---|
| toolbarContent | Template | object? | A template that renders the toolbar content. |