Foundation - Navigation Overview


Advertisements

Description

Navigation contains links to other sections, it consist of many navigation patterns. Following are the various patterns of navigation available in Foundation.

Basic Menu

Menu is used to build many navigation components. It can be aligned in many ways i.e. vertical, horizontal or in a nested format. We will study about this in detail in the chapter Menu

Top Bar

Top bar is used to wrap all the menu. It helps to display the complex menu bar on all types of screen i.e. small, large and medium screen. We will study about this in detail in the chapter Top Bar.

Menu Plugins

The following are the three types of menu plugins which create different styles for multiple menus by using the same markup.

Dropdown Menu

The dropdown menu plugin is used to create sub-menus below the main menu. The data-dropdown-menu helps in converting the nested menu into the list of dropdown menu. We will study about this in detail in the chapter Dropdown Menu.

Drilldown Menu

The drilldown menu plugin is used to create submenus in main menu in the slider format. The data-drilldown helps in converting the nested menu into the list of sliding menu. We will study about this in detail in the chapter Drilldown Menu

Accordion Menu

The accordion menu plugin is used to create sub menus in main menu in the collapsed manner. The data-accordion-menu helps in converting the nested menu into the list of collapsed menu. We will study about this in detail in the chapter Accordion Menu

Responsive Navigation

Responsive menu plugin allocats the menu in the different size of screen. data-responsive-menu is used to change the drill down menu into dropdown menu for large screen. We will study about this in detail in the chapter Responsive Navigation.

foundation_navigation.htm
Advertisements