Navigation Menu

An accessible navigation menu with dropdown panels, built on Radix UI. Exported by @eluan/core for use in headers and site navigation.

Import

Anatomy

Compose the menu from these parts:

Installation

Props

NavigationMenu (the root) accepts the following. Parts forward their underlying Radix and element props.

PropTypeDefaultDescription
orientation
"horizontal" | "vertical""horizontal"Layout direction of the menu list.
value
string—Controlled value of the active menu item.
defaultValue
string—Uncontrolled initial active item.
onValueChange
(value: string) => void—Called when the active item changes.