跳转到正文

cmdk

这个组件为 React 提供了全面的命令菜单解决方案,兼顾用户体验和开发灵活性。

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

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

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

功能

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

相关项目

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

GitHub 个星标
38.1K
更新时间
Dec 6, 2024
许可证
MIT License

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

GitHub 个星标
94.2K
更新时间
Dec 6, 2024
许可证
MIT License

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

GitHub 个星标
16.0K
更新时间
Dec 6, 2024
许可证
MIT License

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

GitHub 个星标
228
更新时间
Dec 26, 2023
许可证
MIT License

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

GitHub 个星标
3.9K
更新时间
Dec 6, 2024
许可证
MIT License

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

GitHub 个星标
34.3K
更新时间
Dec 6, 2024
许可证
MIT License

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

GitHub 个星标
26.3K
更新时间
Dec 6, 2024
许可证
MIT License

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

关于 KickstartUI

KickstartUI 是探索优质 UI 框架、库和构建工具的理想去处。我们精心整理一流资源,助力开发者将 UI 创意变为现实。无论你是在构建响应式 Web 应用、打造移动界面,还是设计交互式原型,我们的平台都提供了加速项目进程、提升用户体验所需的工具。浏览丰富的资源库,紧跟最新趋势,发掘新的可能,并提升 UI 设计水平。准备好启动下一个项目了吗?探索精选资源,或搜索符合你需求的特定工具。