# Context Menu Item Grouping

The Context Menu can organize its items under labeled group headers. To create a group header, set the [`GroupHeader` property](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/data-binding/overview#context-menu-item-features) of an item to `true`. The group header applies to the items that follow it until the next group header.

Unlike the [Menu](https://www.telerik.com/blazor-ui/documentation/components/menu/templates#groupheadertemplate), the Context Menu supports group headers both at the root level and in child popups.

Group headers have the following behavior:

* They are not interactive. The Context Menu does not focus group headers and skips them during keyboard navigation.
* They are different from [separators](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/data-binding/overview#context-menu-item-features). You can use both in the same list of items.

By default, the group header displays the item text and icon. To customize this content, use the [Context Menu group header template](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/templates/group-header).

> caption Group Context Menu items under labeled headers

<demo metaUrl="client/contextmenu/item-grouping/" height="400"></demo>

## See Also

* [Context Menu Group Header Template](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/templates/group-header)
* [Data Binding a Context Menu](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/data-binding/overview)
