Nuxt UI

Nuxt UIは、美しいアクセシブルなユーザーインターフェースを構築するのに役立つ、Tailwind CSSとHeadless UIで構築されたVueコンポーネントとコンポーザブルのセットを提供するモジュールです。

その目標は、Nuxtアプリを構築する際にUIに関連するすべてを提供することです。これには、コンポーネント、アイコン、色、ダークモードだけでなく、キーボードショートカットも含まれます。

機能

• Headless UIとTailwind CSSで構築
• Nuxt App Configによる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ライセンスの下でライセンスされています。