Navigation & Action Menus

NkNavMenu — link-based navigation

Framework-agnostic hover-intent menu whose items are real anchors, so router prefetch and middle-click-to-open keep working. Inject any router's link (here Next's <Link>) via linkComponent. Opens on hover and keyboard focus; closes on blur, Escape, or an outside click.

Plain group

A standard navigation group: labels, hints, and leading icons. Hover or focus the trigger to open the panel.

Active item + badge

The trigger reflects an active child route, the active item is highlighted, and a badge pill flags the live flow.

NkDropdownMenu — action menus

react-aria action menu: arrow-key navigation, typeahead, disabled items, labelled sections, separators, and nested submenus. Items fire their handler via onClick and the menu closes on select.

Service actions (sections + submenu)

A richer command menu: a labelled section, separators, a nested Logs submenu, and a destructive action.

Environment switcher

A compact, single-section menu — the everyday shape for switching context or targets.