Menus

MenuGroup

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

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

Example

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

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

Type: MenuGroupProps.

children (required): Type: ReactNode; The group's items.
label (required): Type: string; Names the group, shown above its items. It is always required.

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