diff --git a/front/src/components/Input.astro b/front/src/components/Input.astro
new file mode 100644
index 0000000..db17398
--- /dev/null
+++ b/front/src/components/Input.astro
@@ -0,0 +1,28 @@
+---
+import type { Input as Props } from 'types';
+
+const { type, name, label, autocomplete, placeholder} = Astro.props;
+
+---
+
+<>
+  {
+    name && (
+      <div class="mb-6">
+        {label && (
+          <label for={name} class="block text-sm font-medium">
+            {label}
+          </label>
+        )}
+        <input
+          type={type}
+          name={name}
+          id={name}
+          autocomplete={autocomplete}
+          placeholder={placeholder}
+          class="py-3 px-4 block w-full text-md rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-slate-900"
+        />
+      </div>
+    )
+  }
+</>