# GridHeaderContent

> _Since v1.8.0_

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

Mounts its children into the slot the grid provides for header content while
keeping them inside the React tree (so context, Suspense, error boundaries,
portals, etc. all work). Must be a descendant of `<DataGrid>`.

```ts
GridHeaderContent(__namedParameters: GridHeaderContentProps): null
```

## Parameters

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

#### Example

```tsx
<DataGrid gridConfig={config}>
  <GridHeaderContent id="calendar-nav" order={0}>
    <HeaderNav year={year} onYearChange={setYear} />
  </GridHeaderContent>
</DataGrid>
```