透過 100 多個技巧的集合來學習 Nuxt!

oku-primitives
@oku-ui/primitives

透過為現代、直觀的網路體驗設計的無障礙、可自訂元件,解鎖無縫、高效能的 Vue 應用程式。增強您的 Vue 應用程式。
Oku UI hero image

Version Downloads License Website Discord

Oku Primitives

一個開源的 UI 元件庫,用於構建高品質、無障礙的設計系統和網路應用程式。

Oku Primitives 是一個底層 UI 元件庫,專注於無障礙、自訂和開發人員體驗。您可以將這些元件用作設計系統的基礎層,或逐步採用它們。

網站:Oku 網站


貢獻

請閱讀我們的貢獻指南

待辦事項

元件

在元件中輸入您最想要的元件,留下表情符號並關注。

開發人員可以處理未聲明的元件

元件

元件

元件狀態🔗 Hook v1👀 視覺檢查📄 文件📝 筆記
摺疊面板✅ 已完成
警告對話框✅ 已完成
長寬比✅ 已完成
頭像✅ 已完成🔨 來自 Radix 的 PR
核取方塊✅ 已完成🔧 需要輸入
可摺疊✅ 已完成
關聯選單✅ 已完成
對話框✅ 已完成
下拉選單✅ 已完成
表單❌ 未開始
懸停卡片✅ 已完成🔧 需要多邊形;修正關閉
標籤✅ 已完成
選單列✅ 已完成
導覽選單🚧 進行中🚧
彈出視窗✅ 已完成
進度✅ 已完成
單選群組✅ 已完成🔧 需要輸入
捲軸區域✅ 已完成
選取🚧 進行中🚧
分隔符號✅ 已完成
滑桿✅ 已完成
開關✅ 已完成🔧 需要輸入
標籤頁✅ 已完成
快顯訊息✅ 已完成
切換群組✅ 已完成
切換✅ 已完成
工具列✅ 已完成🔧 專注於 MouseDown
工具提示✅ 已完成

實用工具

實用工具狀態🔗 Hook v1👀 視覺檢查📄 文件📝 筆記
集合🚧 部分🔧 需要陣列項目
可關閉圖層🚧 部分🔧 可像 Solid.js 一樣關閉
焦點範圍✅ 已完成
選單✅ 已完成
Popper✅ 已完成🔧 需要箭頭
入口✅ 已完成🔧 可像 Solid.js 一樣關閉
存在✅ 已完成
Primitives✅ 已完成
漫遊焦點群組✅ 已完成
插槽✅ 已完成🔧 移除 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 以取得更多資訊。