Header and Footer

The DropdownMenu component supports header and footer sections using the DropdownMenu.Header and DropdownMenu.Footer components. This allows you to add additional content at the top or bottom of the dropdown menu.

Properties

Header

The Header component represents a header section with a separator.

<DropdownMenu.Header
  className="my-class" // [OPTIONAL] custom class
>
  {/* Header content */}
</DropdownMenu.Header>

Prop	Required	Default	Type
className	false		string
children	true		ReactNode

Footer

The Footer component represents a footer section with a separator.

<DropdownMenu.Footer
  className="my-class" // [OPTIONAL] custom class
>
  {/* Footer content */}
</DropdownMenu.Footer>

Prop	Required	Default	Type
className	false		string
children	true		ReactNode