Navigation Menu
Accessible site navigation with animated dropdown panels.
Default
Simple Links
With Descriptions
With Icons
Installation
npx shadcn@latest add @byronwade/navigation-menuProps
| Prop | Type | Default | Description |
|---|---|---|---|
| align | "start" | "center" | "end" | "start" | Alignment of the dropdown panel under its trigger. |
| value | string | null | — | Controlled value of the item whose panel is open. |
| defaultValue | string | null | null | Uncontrolled initial open item. |
| onValueChange | (value: string | null) => void | — | Fires when the open item changes. |
| delay | number | 50 | Delay in ms before opening on hover. |
| orientation | "horizontal" | "vertical" | "horizontal" | Layout axis of the menu. |