Navigation Menu - shadcn-svelte

Installation

CLI
Manual

npx shadcn-svelte@next add navigation-menu

1

Install bits-ui

npm install bits-ui -D

2

Copy component code

Copy and paste the component source files into your project.

Usage

showLineNumbers

<script lang="ts">
  import * as NavigationMenu from "$lib/components/ui/navigation-menu/index.js";
</script>

showLineNumbers

<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>

Links