Menubar - shadcn-svelte

Installation

CLI
Manual

npx shadcn-svelte@next add menubar

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 Menubar from "$lib/components/ui/menubar/index.js";
</script>

showLineNumbers

<Menubar.Root>
  <Menubar.Menu>
    <Menubar.Trigger>File</Menubar.Trigger>
    <Menubar.Content>
      <Menubar.Item>
        New Tab
        <Menubar.Shortcut>⌘T</Menubar.Shortcut>
      </Menubar.Item>
      <Menubar.Item>New Window</Menubar.Item>
      <Menubar.Separator />
      <Menubar.Item>Share</Menubar.Item>
      <Menubar.Separator />
      <Menubar.Item>Print</Menubar.Item>
    </Menubar.Content>
  </Menubar.Menu>
</Menubar.Root>

Links