diff --git a/src/lib/components/Input.svelte b/src/lib/components/Input.svelte
new file mode 100644
index 0000000..e3c9953
--- /dev/null
+++ b/src/lib/components/Input.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  let {
+    id,
+    name,
+    label,
+    placeholder = "",
+    type = "text",
+    value = "",
+    disabled = false,
+    required = false,
+  } = $props();
+</script>
+
+<label
+  for={id}
+  class="input input-bordered mt-2 flex !cursor-default select-none items-center gap-2"
+>
+  {label}
+  <input
+    {id}
+    {name}
+    {type}
+    class={disabled ? "pointer-events-none grow !cursor-default" : "grow"}
+    {disabled}
+    {required}
+    {placeholder}
+    {value}
+  />
+</label>