简介
一个开源 UI 组件库,用于使用 Vue.js 构建高质量、可访问的设计系统和 Web 应用程序。
✨ 品牌重塑:Reka UI ✨
推出 Reka UI,Radix Vue 在其 v2 演进中的新标识。
Reka(发音为 /ree·kuh/)在马来语中意为 “设计” ,也唤起 “Eureka”(我发现了)。
Reka UI 致力于提供一个以可访问性、定制性和开发者体验为中心的低级 UI 组件库。使用这些组件作为设计系统的基础,或逐步集成它们。
在 此处 查看发布说明
对品牌重塑感到好奇?请参阅 此讨论 中的公告。
我们的原则
无障碍优先
可访问性是 Reka UI 的核心。我们的组件与 WAI-ARIA 设计模式 保持一致,以确保所有用户,无论能力如何,都能有效地与您的 UI 交互。我们处理复杂的辅助功能细节,如 aria 属性、键盘导航和焦点管理,以简化开发人员的工作。
可定制且无样式
Reka UI 组件是无样式的(unstyled),为开发人员提供了使用任何 CSS 解决方案(原生 CSS、预处理器或 CSS-in-JS 库)随意设置样式的自由。我们开放的组件架构允许您根据需要包装、扩展或修改每个组件。在我们的 样式指南 中了解更多信息。
开放和模块化
我们的组件设计为开放和适应性强,允许您自定义每个元素以满足您的需求。无论是添加事件侦听器、props 还是 refs,Reka UI 都提供对每个组件内部工作原理的细粒度访问。
灵活的状态管理
Reka UI 组件默认情况下是非受控的,但也可以在需要时完全受控。这种方法允许开发人员决定所需的状态管理级别,在灵活性和易用性之间取得平衡。
以开发者为中心的体验
我们通过维护一致且可预测的 API 来优先考虑开发者体验。Reka UI 是完全类型化的,并且结构简洁,确保组件易于使用和集成。我们的 asChild 属性允许完全控制渲染的元素,从而增强灵活性。
性能和 Tree-Shaking
我们的库在设计时考虑了性能。所有组件都编译成一个单独的包,使安装变得简单,并确保任何未使用的组件不会增加您的包大小,这要归功于 tree-shaking。