NSW Design system
{%- if request.endpoint == "theming.component" -%}
{%- call ui.util.call(ui.alert, style="warning") -%}
NSW Design sytem allows only one header on the page and does not initialize
menus on subsequent headers. Open example in a new tab to see mega-menu in
action.
{%- endcall %}
{%- endif %}
Use submenu parameter of main_nav_item to render
nested menus. The submenu is a list of items:
title: label shown to userhref: URL of the linksubmenu: the same submenu structure for the nested menu level
{%- call ui.util.call(show_example) -%}
{%- raw %}
{%- set submenu = [
{"title": "Simple", "href": "?simple"},
{"title": "Complex", "href": "?complex", "submenu": [
{"title": "Level 2", "href": "?level-2"}
]},
] -%}
{%- call ui.util.call(ui.header, title="Site title") -%}
{%- call ui.util.call(ui.main_nav) -%}
{{ ui.main_nav_item("With submenu", href="", submenu=submenu,
description=lipsum(1)) }}
{{ ui.main_nav_item("No submenu", href="") }}
{%- endcall %}
{%- endcall %}
{%- endraw %}
{%- endcall %}