Nuxt UI

Nuxt UI 是一個模組，提供一套使用 Tailwind CSS 和 Headless UI 建構的 Vue 組件和可組合函式，以協助您建構美觀且易於存取的使用者介面。

其目標是在建構 Nuxt 應用程式時，提供所有與 UI 相關的內容。這包括組件、圖示、顏色、黑暗模式，以及鍵盤快捷鍵。

功能

• 使用 Headless UI 和 Tailwind CSS 建構
• 透過 Nuxt 應用程式設定支援 HMR
• 支援黑暗模式
• 支援 LTR 和 RTL 語言
• 鍵盤快捷鍵
• 捆綁圖示
• 完全類型化
• Figma 工具包

在 ui.nuxt.com 上閱讀更多內容

安裝

npx nuxi@latest module add ui

如果您想要最新的更新，請在您的 package.json 中使用 @nuxt/ui-edge

{
  "devDependencies": {
    "@nuxt/ui": "npm:@nuxt/ui-edge@latest"
  }
}

文件

造訪 https://ui.nuxt.com 以瀏覽文件。

鳴謝

• nuxt/nuxt
• nuxt-modules/color-mode
• nuxt-modules/tailwindcss
• tailwindlabs/tailwindcss
• tailwindlabs/headlessui
• vueuse/vueuse
• egoist/tailwindcss-icons

貢獻

感謝您考慮為 Nuxt UI 做出貢獻。以下是一些您可以參與的方式

• 回報錯誤：如果您發現任何錯誤或問題，請查看回報錯誤指南，了解如何提交錯誤報告。
• 建議：有任何想法可以增強 Nuxt UI 嗎？我們很樂意聽取您的意見！查看貢獻指南以分享您的建議。

本機開發

按照文件指示設定您的本機開發環境並做出貢獻。

許可證

在MIT 許可證下授權。