テキストフィールドコンポーネントを追加: カスタムクラスとプレースホルダーをサポート

kufu · Jan 30, 2025 · bdf6252 · bdf6252
1 parent 3720615
commit bdf6252
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/app/views/components/_text_field.html.erb 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 %>" />