Lzh on GitHub

简介

一个开源 UI 组件库,用于使用 Vue.js 构建高质量、可访问的设计系统和 Web 应用程序。

✨ 品牌重塑:Reka UI ✨

推出 Reka UIRadix 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

Reka UI 的灵感来自 Radix UI 的原则和目标,同样致力于可访问性、定制性和开发者友好的设计。