{{> head}} {{> loader}}
{{> sidebar}}
{{> header}}

Nested Menu

A multi-level navigation tree — proves the information architecture down to four levels of depth.

Information architecture · §5

Workspace Navigation

Use ↑ ↓ to move, → ← to open or close, Enter to open a page

Depth Legend

Maximum nesting is four levels

L1Section root — e.g. eCommerce
L2Group — Catalog, Orders
L3Sub-group — Products
L4Leaf page — deepest allowed

Keyboard Model

Move between nodes↑ ↓
Open / descend→
Close / ascend←
Activate leafEnter
First / last nodeHome End

Open branches persist in localStorage (ax:nested-menu:open).

{{> footer}}
{{> customizer}} {{> command}} {{> scripts}}