@oku-ui/primitives
@oku-ui/primitives
使用可访问、可定制的组件解锁无缝、高性能的 Vue 应用,这些组件专为现代、直观的 Web 体验而设计。 赋能你的 Vue 应用。

Oku Primitives
一个开源的 UI 组件库,用于构建高质量、可访问的设计系统和 Web 应用。
Oku Primitives 是一个底层 UI 组件库,专注于可访问性、定制性和开发者体验。 你可以将这些组件用作你的设计系统的基础层,或者逐步采用它们。
网站: Oku 网站
贡献
请阅读我们的贡献指南
TODO
组件
在组件中输入你最想要的组件,保留表情符号并关注。
开发者可以处理未被认领的组件
组件
组件
组件 | 状态 | 🔗 Hook v1 | 👀 视觉检查 | 📄 文档 | 📝 注意 |
---|---|---|---|---|---|
折叠面板 | ✅ 已完成 | ✅ | ✅ | ||
警告对话框 | ✅ 已完成 | ✅ | |||
纵横比 | ✅ 已完成 | ✅ | |||
头像 | ✅ 已完成 | ✅ | 🔨 来自 Radix 的 PR | ||
复选框 | ✅ 已完成 | ✅ | 🔧 需要输入 | ||
可折叠 | ✅ 已完成 | ✅ | ✅ | ||
上下文菜单 | ✅ 已完成 | ✅ | |||
对话框 | ✅ 已完成 | ✅ | |||
下拉菜单 | ✅ 已完成 | ✅ | |||
表单 | ❌ 未开始 | ❌ | |||
悬停卡片 | ✅ 已完成 | ✅ | 🔧 需要多边形;修复关闭 | ||
标签 | ✅ 已完成 | ✅ | |||
菜单栏 | ✅ 已完成 | ✅ | |||
导航菜单 | 🚧 进行中 | 🚧 | |||
弹出框 | ✅ 已完成 | ✅ | |||
进度条 | ✅ 已完成 | ✅ | ✅ | ||
单选按钮组 | ✅ 已完成 | ✅ | 🔧 需要输入 | ||
滚动区域 | ✅ 已完成 | ✅ | |||
选择器 | 🚧 进行中 | 🚧 | |||
分隔符 | ✅ 已完成 | ✅ | |||
滑块 | ✅ 已完成 | ✅ | ✅ | ||
开关 | ✅ 已完成 | ✅ | 🔧 需要输入 | ||
标签页 | ✅ 已完成 | ✅ | ✅ | ||
提示 | ✅ 已完成 | ✅ | |||
切换按钮组 | ✅ 已完成 | ✅ | ✅ | ||
切换按钮 | ✅ 已完成 | ✅ | ✅ | ||
工具栏 | ✅ 已完成 | ✅ | 🔧 聚焦在鼠标按下时 | ||
工具提示 | ✅ 已完成 | ✅ |
实用工具
实用工具 | 状态 | 🔗 Hook v1 | 👀 视觉检查 | 📄 文档 | 📝 注意 |
---|---|---|---|---|---|
集合 | 🚧 部分完成 | ✅ | 🔧 需要数组项 | ||
可关闭层 | 🚧 部分完成 | ✅ | 🔧 像 Solid.js 一样可关闭 | ||
焦点范围 | ✅ 已完成 | ✅ | |||
菜单 | ✅ 已完成 | ✅ | |||
弹出器 | ✅ 已完成 | ✅ | 🔧 需要箭头 | ||
传送门 | ✅ 已完成 | ❌ | 🔧 像 Solid.js 一样可关闭 | ||
存在 | ✅ 已完成 | ✅ | |||
基础组件 | ✅ 已完成 | ❌ | |||
漫游焦点组 | ✅ 已完成 | ✅ | ✅ | ||
插槽 | ✅ 已完成 | ❌ | 🔧 移除 VDom | ||
视觉隐藏 | ✅ 已完成 | ❌ |
社区
赞助商
感谢
感谢 @radix_ui 的启发以及他们在 Radix Primitives 上所做的出色工作。 我们通过查看他们的代码来完成许多代码的初始阶段。
感谢 Johnson Chu @johnsoncodehk。 在我遇到 Typescript 问题时给予了我支持。
感谢 Daniel Roe @danielroe。 Nuxt 到目前为止在很多方面都帮助了我。
感谢 Kevin Deng @sxzz。 在我遇到 Vue 问题时给予了我很多帮助。 Vue Macros 是一个很棒的项目。
鸣谢
许可证
根据 MIT 许可证授权,版权 © 2023-至今 productdevbook。
有关更多信息,请参阅 LICENSE。