简介 ​

✨ 品牌重塑：Reka UI ✨ ​

隆重推出Reka UI，作为Radix Vue v2版本的新身份。

Reka（发音为/ree·kuh/）在马来语中意为“设计”，也让人联想到“Eureka！”。

Reka UI 致力于提供一个以可访问性、可定制性和开发者体验为核心的低级UI组件库。将这些组件作为您设计系统的基础，或逐步集成它们。

查看发布说明此处

我们的原则 ​

可访问性优先 ​

可访问性是Reka UI的核心。我们的组件遵循WAI-ARIA设计模式，以确保所有用户，无论能力如何，都能有效地与您的UI交互。我们处理复杂的无障碍细节，如aria属性、键盘导航和焦点管理，以简化开发人员的工作。

可定制且无样式 ​

Reka UI 组件是无样式的，为开发人员提供了使用任何CSS解决方案（原生CSS、预处理器或CSS-in-JS库）自由定制样式的权利。我们开放的组件架构允许您根据需要包装、扩展或修改每个组件。在我们的样式指南中了解更多。

开放且模块化 ​

我们的组件设计为开放和适应性强，允许您根据需求定制每个元素。无论是添加事件监听器、props 还是 refs，Reka UI 都为每个组件的内部机制提供了细粒度访问。

灵活的状态管理 ​

Reka UI 组件默认是非受控的，但在需要时也可以完全受控。这种方法允许开发人员决定所需的状态管理级别，在灵活性和易用性之间取得平衡。

以开发者为中心的体验 ​

我们通过维护一致且可预测的API来优先考虑开发者体验。Reka UI 具有完整的类型定义，并以简洁性为设计理念，确保组件易于使用和集成。我们的asChild prop 允许完全控制渲染的元素，从而增强了灵活性。

性能与摇树优化 ​

我们的库在设计时考虑了性能。所有组件都编译成一个单独的包，使得安装简单明了，并确保任何未使用的组件不会增加您的包大小，这得益于摇树优化（tree-shaking）。

由Vue爱好者倾情打造 💚 ​

致谢 ​

感谢以下开源作品和资源

• Radix UI - https://radix-ui.com.cn
• React Aria - https://react-spectrum.adobe.com/react-aria
• Floating UI - https://floating-ui.com
• VueUse - https://vueuse.org.cn
• HeadlessUI - https://headlessui.tailwind.org.cn
• Ariakit - https://ariakit.org/