idea Menu for navigation is required. in Calcite Design System Ideas

Menu for navigation is required.

baohuachu2 — Wed, 03 Aug 2022 09:18:39 GMT

The menu components may contains grouped folded sub menu items which long menu bar can be avoided. Furthermore it is easy to locate the menu we want.

The screenshot1 below is use action bar for navigation,it is too long and not folded.

The second one is with sub menues.

Re: Menu for navigation is required.

KittyHurley — Wed, 03 Aug 2022 18:08:21 GMT

Hi @baohuachu2, thanks for submitting an idea!

We're in the process of creating a standalone Navigation component similar to your first screenshot, that could be used independent of other components and with top navigation in mind. The component's intent would be similar to other design systems such as the Bootstrap's Navbar. Is that along the lines of what you're seeking?

We don't currently have plans for navigation options within the Action Bar component, but wanted to clarify the ask of the idea to be sure.

Re: Menu for navigation is required.

BenElan — Wed, 03 Aug 2022 21:50:41 GMT

For the second screenshot, it is possible just not fully supported at the moment. Here is a codepen:

https://codepen.io/benesri/pen/GRxxNPb

Re: Menu for navigation is required.

baohuachu2 — Mon, 08 Aug 2022 09:02:04 GMT

Hi @KittyHurley @BenElan ,

It is as this Nav Bar . The "BootStrap Navbar" website seems has problem in my side. Today I checked the arcgis online map viewer's code find the

<calcite-action-menu> component which is not included in the document. It is similar to that of Nav bar and I will use it. That it is the same as BenElan's codepen example.

Re: Menu for navigation is required. - Status changed to: In Product Plan

KittyHurley — Mon, 08 Aug 2022 14:09:46 GMT

Thanks for the background, @baohuachu2!

The component sample you provided has a similar approach to the standalone Navigation component under development. So will be changing the status of this idea to "In Product Plan".

Re: Menu for navigation is required. - Status changed to: Implemented

KittyHurley — Tue, 23 Jul 2024 14:33:08 GMT

@baohuachu2 Apologies for the delay, but this has been implemented as of 1.4.0 (May 2023), with samples and configuration options available on the Navigation and Menu component pages.