<!-- Generated by scripts/gen-docs.mts from the JSDoc in registry/. Do not edit; run `pnpm run docs`. -->

# MenuGroup

Items under a label in a `Menu`, such as "Recipe" and "Account" sections.

```tsx
import { MenuGroup } from "@/components/ouro/menu/menu";
```

## Example

```tsx
<MenuGroup label="Recipe">
  <MenuItem onClick={edit}>Edit</MenuItem>
  <MenuItem onClick={duplicate}>Duplicate</MenuItem>
</MenuGroup>
```

## Use instead when

- Use `MenuSeparator` instead to divide items without a label, and `MenuRadioGroup` for one choice of several.

## Props

Type: `MenuGroupProps`.

| Prop | Type | Description |
| --- | --- | --- |
| `children` (required) | `ReactNode` | The group's items. |
| `label` (required) | `string` | Names the group, shown above its items. It is always required. |
