# GridToolbarContent

> _Since v1.8.0_

Declarative wrapper around the grid's imperative
ShellPlugin.registerToolbarContent API.

Mounts its children into the slot the grid provides for toolbar content while
keeping them inside the React tree. Must be a descendant of `<DataGrid>`.

Prefer this over `<tbw-grid-tool-buttons>` (light DOM) when you need
reactive props or callbacks bound to React state. Use the light-DOM form
for static markup that should be moved verbatim into the toolbar.

```ts
GridToolbarContent(__namedParameters: GridToolbarContentProps): null
```

## Parameters

| Name | Type | Description |
| ---- | ---- | ----------- |
| `__namedParameters` | <code><a href="/grid/react/api/types/gridtoolbarcontentprops/">GridToolbarContentProps</a></code> |  |

#### Example

```tsx
<DataGrid gridConfig={config}>
  <GridToolbarContent id="calendar-nav" order={0}>
    <ToolbarNav onPrev={prev} onToday={today} onNext={next} />
  </GridToolbarContent>
</DataGrid>
```