add checkbox

Hack4ImpactRutgers · Dec 4, 2023 · dc97c14 · dc97c14
1 parent 0b6c66a
commit dc97c14
Show file tree

Hide file tree

Showing 5 changed files with 62 additions and 23 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/frontend/package.json b/frontend/package.json
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@tailwindcss/forms": "^0.5.7",
     "@types/node": "20.8.9",
     "@types/react": "18.2.33",
     "@types/react-dom": "18.2.14",

diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
diff --git a/frontend/src/app/components/Checkbox.tsx b/frontend/src/app/components/Checkbox.tsx
@@ -0,0 +1,18 @@
+interface CheckboxProps {
+  checked: boolean;
+  handleChange: () => void;
+}
+
+export default function Checkbox(props: CheckboxProps) {
+  const { checked, handleChange } = props;
+
+  return (
+    <input
+      type="checkbox"
+      value=""
+      checked={checked}
+      onChange={handleChange}
+      className="bg-[#D9D9D9] border-0 focus:ring-secondary text-secondary"
+    />
+  );
+}
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
@@ -24,6 +24,6 @@ const config: Config = {
       },
     },
   },
-  plugins: [],
+  plugins: [require("@tailwindcss/forms")],
 };
 export default config;