Navigation Configuration
Main Navigation
The main
section defines the primary navigation menu, supporting dropdowns, mega menus, and direct links.
Multi-Column Dropdown (Projects)
A multi-column dropdown menu, useful for displaying portfolios or projects in an organized structure.
Mega Menu with Icons (Blocks)
A mega menu that displays UI components such as Features, Contact, and About with icons.
Documentation Navigation Example
The docs
type is used for sidebar navigation in documentation pages.
It organizes links into sections and subcategories for better accessibility.
One-Page Navigation
One-Page Navigation Links
One-page navigation allows users to click menu links that scroll smoothly to different sections of a single-page website.
Navigation Types Quick Reference
Navigation Types Quick Reference
Below is a quick reference table summarizing the different navigation types supported in navigation.yml
.
Navigation Type | Description | Example |
---|---|---|
Documentation Navigation | Sidebar navigation specifically for documentation pages. | type: docs |
Mega Menu (Images) | Displays large dropdown menus with images. | type: mega-menu-img |
Dropdown Menu | A standard multi-level dropdown navigation. | type: dropdown |
Dropdown Columns | Multi-column dropdown layout for structured navigation. | type: dropdown-columns |
Mega Menu (Icons) | Displays UI blocks in a large dropdown with icons. | type: mega-menu-icon |
One-Page Navigation | Links that scroll smoothly to different sections. | onepage: links |