MenuGroup

Type: React component

How to get MenuGroup?

JavaScript

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.

Props

  1. children

    (Required)

    Type: ReactNode

  2. heading

    (Optional)

    Type: React node

    The heading to be rendered above the group.

    Default value

  3. renderHorizontalSeparationLine

    (Optional)

    Type: Boolean

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

    Default value