Slide Highlight Nav

滑动高亮导航：高亮胶囊跟随指针或键盘焦点在链接间滑动，离开时淡出。

#navbar #hover #highlight

在沙盒中编辑

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

属性

SlideHighlightNavProps

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

属性	类型	默认值	说明
links* 必填	`SlideHighlightLink[]`	—	—
defaultActive	`string`	—	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/slide-highlight-nav.json

同类组件

Mega Menu

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

Floating Navbar

悬浮胶囊导航：向下滚动时收起，向上滚动或键盘聚焦时回到视野。

Navbar

响应式顶部导航栏：滚动后毛玻璃、移动端折叠菜单、悬浮胶囊样式。