Mega Menu

大型下拉导航：悬停或点击展开分栏链接面板，可附带推荐卡片。

#navbar #dropdown #menu

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

MegaMenuProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"nav">, "children">

属性	类型	默认值	说明
items* 必填	`MegaMenuItem[]`	—	—
logo	`React.ReactNode`	—	—
actions	`React.ReactNode`	—	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/mega-menu.json

同类组件

Menubar

桌面应用风格菜单栏，支持子菜单、复选/单选项、快捷键和完整键盘操作。

User Menu

头像触发的账户菜单，含资料头部、链接、主题切换和退出登录。

Workspace Switcher

侧边栏头部的工作区切换下拉，含套餐徽标、创建入口和搜索。