Set up Tailwind CSS and Headless UI

npm installed tailwind css and headless ui, and configured tailwind.config.js to include files from public and src
stuysu · Oct 13, 2024 · 65043d6 · 65043d6
1 parent 0c53f17
commit 65043d6
Show file tree

Hide file tree

Showing 3 changed files with 189 additions and 11 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
     "dependencies": {
         "@emotion/react": "^11.11.3",
         "@emotion/styled": "^11.11.0",
+        "@headlessui/react": "^2.1.10",
         "@mui/icons-material": "^5.15.15",
         "@mui/lab": "^5.0.0-alpha.170",
         "@mui/material": "^5.15.7",
@@ -31,6 +32,7 @@
         "react-multi-carousel": "^2.8.5",
         "react-router-dom": "^6.22.0",
         "react-scripts": "^5.0.1",
+        "tailwindcss": "^3.4.13",
         "typescript": "^4.9.5",
         "web-vitals": "^2.1.4"
     },

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './public/**/*.html',
+    './src/**/*.{js,jsx,ts,tsx}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+