120k
New

Navigation Menu

PreviousNext

A collection of links for navigating websites.

Installation

pnpm dlx shadcn@latest add @force-ui-svelte/navigation-menu

Usage

<script lang="ts">
  import * as NavigationMenu from "$lib/components/ui/navigation-menu/index.js";
</script>
<NavigationMenu.Root>
  <NavigationMenu.List>
    <NavigationMenu.Item>
      <NavigationMenu.Trigger>Item One</NavigationMenu.Trigger>
      <NavigationMenu.Content>
        <NavigationMenu.Link>Link</NavigationMenu.Link>
      </NavigationMenu.Content>
    </NavigationMenu.Item>
  </NavigationMenu.List>
</NavigationMenu.Root>

RTL

To enable RTL support in Force UI, see the RTL configuration guide.

API Reference

See the Radix UI Navigation Menu documentation for more information.