1e41f4b71Sopenharmony_ci# MenuItemGroup
2e41f4b71Sopenharmony_ci
3e41f4b71Sopenharmony_ciThe **\<MenuItemGroup>** component represents a group of menu items.
4e41f4b71Sopenharmony_ci
5e41f4b71Sopenharmony_ci> **NOTE**
6e41f4b71Sopenharmony_ci>
7e41f4b71Sopenharmony_ci> This component is supported since API version 9. Newly added APIs will be marked with a superscript to indicate their earliest API version.
8e41f4b71Sopenharmony_ci
9e41f4b71Sopenharmony_ci## Child Components
10e41f4b71Sopenharmony_ci
11e41f4b71Sopenharmony_ciThis component contains the [MenuItem](ts-basic-components-menuitem.md) child component.
12e41f4b71Sopenharmony_ci
13e41f4b71Sopenharmony_ci## APIs
14e41f4b71Sopenharmony_ci
15e41f4b71Sopenharmony_ciMenuItemGroup(value?: MenuItemGroupOptions)
16e41f4b71Sopenharmony_ci
17e41f4b71Sopenharmony_ci**Parameters**
18e41f4b71Sopenharmony_ci
19e41f4b71Sopenharmony_ci| Name | Type                                                                                  | Mandatory| Description                                   |
20e41f4b71Sopenharmony_ci| ----- | -------------------------------------------------------------------------------------- | ---- | ------------------------------------------- |
21e41f4b71Sopenharmony_ci| value | [MenuItemGroupOptions](ts-basic-components-menuitemgroup.md#menuitemgroupoptions) | No  | Header and footer of the menu item group.|
22e41f4b71Sopenharmony_ci
23e41f4b71Sopenharmony_ci## MenuItemGroupOptions
24e41f4b71Sopenharmony_ci
25e41f4b71Sopenharmony_ci| Name  | Type                                                                                     | Mandatory| Description                         |
26e41f4b71Sopenharmony_ci| ------ | ----------------------------------------------------------------------------------------- | ---- | ----------------------------- |
27e41f4b71Sopenharmony_ci| header | [ResourceStr](ts-types.md#resourcestr) \| [CustomBuilder](ts-types.md#custombuilder8) | No  | Header of the menu item group.|
28e41f4b71Sopenharmony_ci| footer | [ResourceStr](ts-types.md#resourcestr) \| [CustomBuilder](ts-types.md#custombuilder8) | No  | Footer of the menu item group.|
29e41f4b71Sopenharmony_ci
30e41f4b71Sopenharmony_ci## Sample
31e41f4b71Sopenharmony_ci
32e41f4b71Sopenharmony_ciFor details, see [Example in Menu](ts-basic-components-menu.md#example).
33