Dev/Navigation Menu

fd-navigation-menu · 3 examples from SAP's documentation · Back to the gallery

About

No description in the documentation.

Parent Navigation Menu Item

The Parent Navigation Menu Item has base class .fd-navigation-menu__item. When the item has children use the fd-navigation-menu__item--has-children modifier class. For item with external link indicator apply the fd-navigation-menu__item--has-link-indicator modifier class.

Menu Item (normal)
Menu Item with children
Menu Item with children (expanded)
Menu Item (hover)
Menu Item (active)
Menu Item (selected)
Menu Item (selected) with children
Menu Item (focus)
Menu Item (disabled)

Child Navigation Menu Item

For Child Navigation Menu Item apply the .fd-navigation-menu__item--child modifier class to the .fd-navigation-menu__item base class.

Menu Item (normal)
Menu Item with children
Menu Item with children (expanded)
Menu Item (hover)
Menu Item (active)
Menu Item (selected)
Menu Item (focus)
Menu Item (disabled)

Group Navigation Menu Item

For Group Navigation Menu Item apply the .fd-navigation-menu__item--group modifier class to the .fd-navigation-menu__item base class.

Menu Item (normal)
Menu Item with children
Menu Item with children (expanded)
Menu Item (hover)
Menu Item (active)
Menu Item (selected)
Menu Item (focus)
Menu Item (disabled)