Components / Navigation
Navigation menu
The top-level links of a site, with one panel of related links.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink } from "@fabrials/ui";Or install it under shadcn's name, so code that imports
@/components/ui/navigation-menugets this control. See shims.npx shadcn@latest add @fabrials/navigation-menu
API reference
| Prop / export | Type | Description |
|---|---|---|
href | string | Destination of a link. |
Behavior
Marketing pages can use this menu. They do not become a WorkspaceShell.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.