Grouped items

The DropdownMenu component supports grouping items together using the DropdownMenu.Group component. This allows you to create a structured menu with labeled sections.

Properties

Group

The Group component represents a labeled group of menu items.

<DropdownMenu.Group
  label="Group label"  // [OPTIONAL] label for the group
  className="my-class" // [OPTIONAL] custom class
>
  {/* Group items */}
</DropdownMenu.Group>

Prop	Required	Default	Type
label	false		string
className	false		string
children	true		ReactNode