Navigation Menu
A collection of links for navigating websites. Supports full RTL layout with Arabic and Hebrew translations.
Installation
pnpm dlx shadcn@latest add https://dga-registry.vercel.app/r/navigation-menu.jsonDemo
Toggle between English and Arabic to see the RTL layout in action.
عرض باللغة العربية
Sub-components
| Component | Description |
|---|---|
NavigationMenu | Root wrapper with viewport container. |
NavigationMenuList | Top-level list of menu items. |
NavigationMenuItem | Individual menu item wrapper. |
NavigationMenuTrigger | Button that opens a dropdown panel. |
NavigationMenuContent | Dropdown panel content area. |
NavigationMenuLink | Styled link element. |
NavigationMenuIndicator | Active indicator bar. |
NavigationMenuViewport | Animated viewport for dropdown content. |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
dir | "ltr" | "rtl" | — | Text direction for RTL support |
lang | string | — | Language code for translations |
className | string | — | Additional CSS classes |