通过 100+ 条技巧学习 Nuxt!

oku-primitives
@oku-ui/primitives

使用可访问、可定制的组件解锁无缝、高性能的 Vue 应用,这些组件专为现代、直观的 Web 体验而设计。 赋能你的 Vue 应用。
Oku UI hero image

Version Downloads License Website Discord

Oku Primitives

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

Oku Primitives 是一个底层 UI 组件库,专注于可访问性、定制性和开发者体验。 你可以将这些组件用作你的设计系统的基础层,或者逐步采用它们。

网站: Oku 网站


贡献

请阅读我们的贡献指南

TODO

组件

在组件中输入你最想要的组件,保留表情符号并关注。

开发者可以处理未被认领的组件

组件

组件

组件状态🔗 Hook v1👀 视觉检查📄 文档📝 注意
折叠面板✅ 已完成
警告对话框✅ 已完成
纵横比✅ 已完成
头像✅ 已完成🔨 来自 Radix 的 PR
复选框✅ 已完成🔧 需要输入
可折叠✅ 已完成
上下文菜单✅ 已完成
对话框✅ 已完成
下拉菜单✅ 已完成
表单❌ 未开始
悬停卡片✅ 已完成🔧 需要多边形;修复关闭
标签✅ 已完成
菜单栏✅ 已完成
导航菜单🚧 进行中🚧
弹出框✅ 已完成
进度条✅ 已完成
单选按钮组✅ 已完成🔧 需要输入
滚动区域✅ 已完成
选择器🚧 进行中🚧
分隔符✅ 已完成
滑块✅ 已完成
开关✅ 已完成🔧 需要输入
标签页✅ 已完成
提示✅ 已完成
切换按钮组✅ 已完成
切换按钮✅ 已完成
工具栏✅ 已完成🔧 聚焦在鼠标按下时
工具提示✅ 已完成

实用工具

实用工具状态🔗 Hook v1👀 视觉检查📄 文档📝 注意
集合🚧 部分完成🔧 需要数组项
可关闭层🚧 部分完成🔧 像 Solid.js 一样可关闭
焦点范围✅ 已完成
菜单✅ 已完成
弹出器✅ 已完成🔧 需要箭头
传送门✅ 已完成🔧 像 Solid.js 一样可关闭
存在✅ 已完成
基础组件✅ 已完成
漫游焦点组✅ 已完成
插槽✅ 已完成🔧 移除 VDom
视觉隐藏✅ 已完成

社区

  • Discord - 参与 Oku 社区,提问和分享技巧。
  • Twitter - 接收更新、公告、博客文章和通用的 Oku 技巧。

赞助商

sponsors

感谢

感谢 @radix_ui 的启发以及他们在 Radix Primitives 上所做的出色工作。 我们通过查看他们的代码来完成许多代码的初始阶段。

感谢 Johnson Chu @johnsoncodehk。 在我遇到 Typescript 问题时给予了我支持。

感谢 Daniel Roe @danielroe。 Nuxt 到目前为止在很多方面都帮助了我。

感谢 Kevin Deng @sxzz。 在我遇到 Vue 问题时给予了我很多帮助。 Vue Macros 是一个很棒的项目。

鸣谢


许可证

根据 MIT 许可证授权,版权 © 2023-至今 productdevbook

有关更多信息,请参阅 LICENSE