How to get MenuGroup

import { MenuGroup } from 'fds/components';

Type: Component

Visually groups MenuItem and/or MenuItemWithDrop components. Optionally a heading can be added to further designate the group.

MenuGroup should be used inside of a Menu. For every MenuGroup but the last one in a Menu, a HorizontalSeparationLine is rendered underneath.


# Name Type Description
1. children ReactNode
2. [heading] React:node

The heading to be rendered above the group.

  Default value
3. [renderHorizontalSeparationLine] Boolean

Whether or not to render a horizontal separation line after all of the children of this menu group.

  Default value

Related links

Was this page helpful?