Custom Navigation Links/Tabs in GNAV for Mobile Breakpoint for hamburger icon

[Deva309]

Requirements:

1. Add support for Adobe Home's mobile breakpoint hamburger icon in standalone GNAV. We should be able to add our own navigation tabs (custom children) in hamburger icon via some consumer specific config. For below links:

2. Enable the ability to configure links based on consumer-specific configurations, as different enterprise users or audiences may require different sets of links. For example, Consumer A might have 3 links, while Consumer B may have 2 links, depending on the configuration.

Currently, we are thinking about introducing a new block within GNAV (similar to the existing Large Menu or Gnav Promo blocks) that can handle this functionality.

Proposed Solution:

• Existing GNAV Block: A existing block in GNAV will handle custom navigation links or tabs.

• Also, we will use classes like mobile-only which is used for showing it only for mobile specific viewport.
• Each link will be configured via a # parameter (e.g., Home link with url as url#_home). This parameter will help us to identify which links to show/hide based on the configuration passed to Standalone GNAV, for e.g. "home,apps,firefly".

@narcis-radu @overmyheadandbody @mokimo @vhargrave @robert-bogos share your thoughts on this?
CC: @salonijain3 @bandana147 @sharmrj @nishantka @sonawanesnehal3

We are seeking suggestions, concerns, and ideas on how to best implement this feature while avoiding potential pitfalls. Your feedback is crucial in ensuring this feature is robust, scalable, and performs well across all devices.

[Deva309]

After discussing with @narcis-radu, we've decided to use the existing Link Group block, which is already implemented in GNAV.

[narcis-radu]

Thank you, @Deva309! This looks good to me, it doesn't require authors to learn a different authoring pattern / block.