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).