diff --git a/app/views/components/_text_field.html.erb b/app/views/components/_text_field.html.erb
new file mode 100644
index 0000000..dd9e39f
--- /dev/null
+++ b/app/views/components/_text_field.html.erb
@@ -0,0 +1,7 @@
+<% classes ||= "" %>
+<% placeholder ||= "" %>
+<% text_field_classes = [
+"border border-[var(--textColor)] rounded-md px-4 py-2 text-[var(--textColor)] focus:outline-none focus:ring-2 focus:ring-blue-500",
+  classes
+].join(" ") %>
+<input type="text" class="<%= text_field_classes %>" placeholder="<%= placeholder %>" />