# Menu Item Grouping

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

Group headers have the following behavior:

* They are not interactive. The 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/menu/data-binding/overview#menu-item-features). You can use both in the same popup.
* They apply only to child items. The root items of the Menu ignore the `GroupHeader` field and render as regular items. The [ContextMenu](https://www.telerik.com/blazor-ui/documentation/components/contextmenu/item-grouping) supports group headers at the root level too.

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

> caption Group Menu child items under labeled headers

<demo metaUrl="client/menu/item-grouping/" height="360"></demo>

## See Also

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