Skip to main content

​
Installation

npx shadcn-svelte@next add menubar

​
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

Build docs developers (and LLMs) love

Get started for freeTalk to us