# Context Menu Group Header Template

Use the `GroupHeaderTemplate` to render custom content in a [Context Menu group header](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/item-grouping).

The template receives a `GroupHeaderTemplateContext<TItem>` object as its `context`. The object exposes the following properties:

<style>
    .article table {
        table-layout: auto;
        word-break: normal;
    }
</style>

| Property | Type     | Description                                                                                                                                                                                                                                  |
| -------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Item`   | `TItem`  | The data item of the current group header.                                                                                                                                                                                                   |
| `Index`  | `string` | The position of the group header in the data hierarchy. The value uses the same format as the `Index` of the [`ItemActionsTemplate` context](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/templates/item-actions). |

> note The content of the `GroupHeaderTemplate` must remain non-interactive. Do not render buttons, links, or other focusable elements in it.

> caption Customize the Context Menu group headers

<demo metaUrl="client/contextmenu/templates/group-header/" height="400"></demo>

## See Also

* [Context Menu Templates Overview](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/templates/overview)
* [Context Menu Item Grouping](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/item-grouping)
* [Context Menu Item Actions Template](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/templates/item-actions)
* [Data Binding a Context Menu](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/data-binding/overview)