跳转到正文

⌘K 是一款适用于 React 应用的多功能命令菜单组件。它重新构想了传统交互菜单的呈现方式,提供可组合的 API,让开发者能够在其他组件或 JSX 中灵活嵌套菜单项。它注重无障碍访问,也可以作为高级组合框使用,以满足不同用户的需求。

该组件会自动筛选和排序菜单项,带来流畅的用户体验。它支持 ⌘K 等快捷键来切换菜单,能够融入快节奏的工作流程。组件通过数据属性设置样式,便于自定义,同时默认保持简洁、无样式的外观。

它还支持嵌套菜单结构、异步加载,以及高效管理大量菜单项等高级功能,因此适用于各种应用,从简单项目到 Vercel 的命令菜单等复杂项目。它采用现代设计理念,并兼容 React 18,从而提升性能和可靠性。

功能

  • 可组合的 API
  • 支持无障碍访问的组合框功能
  • 自动筛选和排序菜单项
  • 通过数据属性自定义样式
  • 支持键盘快捷键
  • 支持嵌套菜单项和分组
  • 异步加载菜单项
  • 针对最多 3000 个菜单项的大型列表优化性能
  • 默认无样式,便于自定义

相关项目

ChakraUI

借助一套强大、易用且高度可定制的基础组件,快速高效地创建无障碍 Web 应用。

MaterialUI

这款产品提供一套功能强大的工具,帮助你在 React 中构建用户界面,兼顾灵活性与设计规范。

Radix Primitives

无样式、无障碍、开源的 React 基础组件,适用于高质量 Web 应用和设计系统。

Skeleton

一款灵活且符合无障碍要求的工具包,助力开发现代 Web 应用。

ArkUI

这款开源 UI 解决方案提供可自定义的组件,可适配不同的视觉风格和无障碍标准,助你构建精致的设计系统。

daisyUI

这个工具通过提供语义化类名来简化开发流程,帮助开发者快速高效地构建美观的用户界面。

HeadlessUI

一套无障碍 UI 组件,可轻松适配现代设计系统。

MagicUI

一套用途广泛、设计精美的组件,可提升 Web 项目品质并简化设计流程。