- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Navigation Dropdown Menus
Description
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. |
foundation_navigation.htm
Advertisements