Fluentui: New component: Horizontal multilevel menu/nav/navbar

Created on 11 Sep 2019  路  5Comments  路  Source: microsoft/fluentui

Wondering if there are any components for rendering a horizontal top menu with possibility of having links on root elements and a chevron button to expand submenu items. Like if Nav component had a horizontal layout option.

If not, I wonder if there's a reason for it like if you think it's bad practice or something. We need this functionality for many of our customers and I wanted to ask here before I code something myself.

Thanks,
Hamed

Backlog review Feature

Most helpful comment

Hey @hamedy thanks for opening an issue! We actually don't have a control like this yet, but I'll add this to the backlog to kick off a discussion.

All 5 comments

Hey @hamedy thanks for opening an issue! We actually don't have a control like this yet, but I'll add this to the backlog to kick off a discussion.

awesome feature, marked

@hamedy - do you have a UX design for what you are looking for here? It seems to me what you needed here is CommandBar. An example here

@hamedy - do you have a UX design for what you are looking for here? It seems to me what you needed here is CommandBar. An example here

Imagine if in your CommandBar example, New was a link itself but also had submenuitems. An example would be in an Intranet top navigation, you'd have Management as a link to a overview page and then items under it which would take you to pages for different departments of Management. Right now Fabric has no component for this. You can't have a link at the top level with sub items which are also links.

It would need also something like Nav's selectedKey. I am trying to do top-level menu (without submenus) as CommandBar, but missing selectedKey creates little problems

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jeremy-coleman picture jeremy-coleman  路  63Comments

Nimelrian picture Nimelrian  路  38Comments

JoshuaKGoldberg picture JoshuaKGoldberg  路  33Comments

danmarshall picture danmarshall  路  37Comments

chrismohr picture chrismohr  路  45Comments