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