Main Navigation
Figma Component: tbd
Last modified with commit 74094e5 on
by Martin Jagodic.
The Main Navigation component provides the primary site navigation menu. Features hierarchical menu structure with dropdown submenus and mobile hamburger menu.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display navigation menu | Shows horizontal menu bar on desktop with dropdown submenus. Shows hamburger icon on mobile that opens slide-out menu. |
| system | Highlight active page | Current page menu item displays with active state styling. |
| editor | Configure menu structure | Add, remove, and reorder menu items. Each item requires label and URL. Supports nested submenu items. |
| user | Navigate menu | Click menu item to navigate to page. Hover shows dropdown submenu on desktop. Click hamburger icon on mobile to open/close menu. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop | ![]() |
| Mobile | ![]() |

