Skip to content

VerticalMenu - Add ability to support a Divider #7911

@amieedwards-sage

Description

@amieedwards-sage

Description

As a developer using the Vertical Menu component from Carbon, I would like the ability to be able to use a <Divider /> to separate some of the menu items to make it visually clearer for the user.

Suggested solution

The Responsive Vertical Menu has this feature built in and is able to support a divider, via this component: ResponsiveVerticalMenuDivider
https://carbon.sage.com/?path=/docs/vertical-menu-responsive--docs#with-divider

It would be great if VerticalMenu also had this built in functionality. I've mocked up the below stackblitz using the stand alone <Divider /> component.

Demo URL

https://stackblitz.com/edit/parsium-carbon-starter-rmrs7xv7?file=src%2FApp.tsx

Alternatives

No response

Additional context

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions