介绍 ​

✨ 品牌重塑：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 库）来自行设计样式。我们的开放组件架构允许您根据需要包装、扩展或修改每个组件。更多内容请参阅我们的样式指南。

开放与模块化 ​

我们的组件设计开放且适应性强，允许您自定义每个元素以满足需求。无论是添加事件监听器、属性还是引用，Reka UI 都提供了对每个组件内部工作的细粒度访问。

灵活的状态管理 ​

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

以开发者为中心的体验 ​

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

性能与 Tree-Shaking ​

我们的库在设计时考虑了性能。所有组件都被编译到一个包中，使安装变得简单直接，并且通过 tree-shaking 确保任何未使用的组件不会增加您的包大小。

由 Vue 爱好者构建 💚 ​

致谢 ​

所有荣誉归功于以下开源作品和资源：

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