菜单栏

在桌面应用程序中常见的视觉持久菜单，提供对一组一致命令的快速访问。

Component Source API Reference

安装 ​

pnpm dlx shadcn-vue@latest add menubar

使用方法 ​

vue
<script setup lang="ts">
import {
  Menubar,
  MenubarContent,
  MenubarItem,
  MenubarMenu,
  MenubarSeparator,
  MenubarShortcut,
  MenubarTrigger,
} from '@/components/ui/menubar'
</script>

<template>
  <Menubar>
    <MenubarMenu>
      <MenubarTrigger>文件</MenubarTrigger>
      <MenubarContent>
        <MenubarItem>
          新建标签页 <MenubarShortcut>⌘T</MenubarShortcut>
        </MenubarItem>
        <MenubarItem>新建窗口</MenubarItem>
        <MenubarSeparator />
        <MenubarItem>分享</MenubarItem>
        <MenubarSeparator />
        <MenubarItem>打印</MenubarItem>
      </MenubarContent>
    </MenubarMenu>
  </Menubar>
</template>
Edit this page on GitHub