Type: React component

How to get MenuGroup?


import { MenuGroup } from 'fds/components';

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.


  1. children


    Type: ReactNode

  2. heading


    Type: React node

    The heading to be rendered above the group.

    Default value

  3. renderHorizontalSeparationLine


    Type: Boolean

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

    Default value