added InputForm components

EuJinnLucaShow · Nov 25, 2023 · ae43599 · ae43599
1 parent da7a336
commit ae43599
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/src/App.js b/src/App.js
@@ -1,9 +1,9 @@
-import './App.css';
+import InputForm from './components/InputForm'
 
 function App() {
   return (
-    <div>    
-todo-app
+    <div style={{display: 'flex', justifyContent: 'center'}}>    
+<InputForm/>
     </div>
   );
 }

diff --git a/src/components/InputForm.jsx b/src/components/InputForm.jsx
@@ -0,0 +1,21 @@
+
+const InputForm = () => {
+
+  return (
+    <form  onSubmit={''}>
+      <h3 style={{ display: 'flex', justifyContent: 'center'}}>To-Do</h3>
+      <input
+        type="text"        
+        value={""}
+        onChange={''}       
+        required
+      />
+
+
+
+      <button type="submit">Add</button>
+    </form>
+  );
+};
+
+export default InputForm;