✨ add util function for tailwindcss

potenday-project · Dec 11, 2023 · 6baf300 · 6baf300
1 parent 9f352e0
commit 6baf300
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 3 deletions.
diff --git a/app/_styles/utils.ts b/app/_styles/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export const cn = (...inputs: ClassValue[]) => {
+  return twMerge(clsx(inputs))
+}
diff --git a/package.json b/package.json
@@ -9,9 +9,11 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "clsx": "^2.0.0",
     "next": "14.0.4",
     "react": "^18",
-    "react-dom": "^18"
+    "react-dom": "^18",
+    "tailwind-merge": "^2.1.0"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.7",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml