NavigationMenu implement Accordion multiple attribute

[agorem]

Description

Hi,

I believe that it would be very interesting to implement in the NavigationMenu an attribute similar to the Accordion multiple to allow to open only branch of the menu when the menu is vertical.

Kind regards...Antonio

Additional context

No response

[benjamincanac]

Would you mind being a bit more specific?

[agorem]

When you have a vertical multilevel menu like this:

1, 2, 2.1, 2,2, 2.3, 3, 3.1, 3.2

Currently if you click in 2 its submenu is shown. If you click on 3 its submenu is shown but the submenu 2 is still shown.

The behaviour of an Accordion with the attribute multiple=false when you click an option the others collapse.

My proposal is to add a similar attribute to allow the following behavior:

if you click in 2 its submenu is shown. If you click on 3 its submenu is shown and the submenu 2 collapses.

If you have a Menu with more than 2 levels, the approach is to show the path and the direct children of the node.

These behavior is more efficient to avoid vertical scrolls.

Kind regards...Antonio

[benjamincanac]

Did you check the Nuxt UI Pro ContentNavigation component? It's implemented with an Accordion: https://ui.nuxt.com/components/content-navigation

[agorem]

Thanks, Benjamin. It is the behaviour I Washington looking for El sáb, 10 may 2025, 19:01, Benjamin Canac ***@***.***> escribió:

…

*benjamincanac* left a comment (nuxt/ui#4072) <#4072 (comment)> Did you check the Nuxt UI Pro ContentNavigation component? It's implemented with an Accordion: https://ui.nuxt.com/components/content-navigation — Reply to this email directly, view it on GitHub <#4072 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACGGXUYRBYBVNQHLNTPMD5L25YWGTAVCNFSM6AAAAAB4OZCN2WVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDQNRZGAZDOOBRHE> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[benjamincanac]

This will now be possible in the NavigationMenu, I've replaced the UCollapsible usage with an Accordion for each group of items.