The INavigation component provides an easy way to enable complex navigation. Desired routes can be passed via the routes prop. Page content can be rendered in its default slot.

Nested routes are supported via the children attribute. Routes with children can behave in two ways:

• IRoute with children: Clicking the parent navigates to the first child, and the group expands on hover.
• IDropdownRoute (no name): Acts as a dropdown only—the activator never navigates, it only expands/collapses the menu.

Add more elements with slots append and append-outer .