Foundation - Navigation Dropdown Menus



The dropdown menu plugin is used to create submenus below the main menu. The data-dropdown-menu attribute helps in converting the nested menu into the list of dropdown menu.

The following table describes the different types of dropdown menus along with the description.

Sr.No. Features & Description
1 Horizontal

Set the dropdown by including the attribute data-dropdown-menu and class dropdown to the menu container.

2 Vertical

The menu can be displayed vertically by including the class vertical to the top level menu.

3 Sass Reference

Change the styles of the components by using SASS variables.

4 JavaScript Reference

Foundation provides JavaScript components for a dropdown menu.