Merge branch 'main' into add-char-counts-with-max-to-lots-of-inputs

frontend/components/Form/TextField.vue

@@ -12,7 +12,14 @@
         {{ typeof value === "string" && (maxLength || minLength) ? `${value.length}/${maxLength}` : "" }}
       </span>
     </label>
-    <input ref="input" v-model="value" :placeholder="placeholder" :type="type" class="input input-bordered w-full" />
+    <input
+      ref="input"
+      v-model="value"
+      :placeholder="placeholder"
+      :type="type"
+      :required="required"
+      class="input input-bordered w-full"
+    />
   </div>
   <div v-else class="sm:grid sm:grid-cols-4 sm:items-start sm:gap-4">
     <label class="label">
@@ -41,6 +48,10 @@
       type: [String, Number],
       default: null,
     },
+    required: {
+      type: [Boolean],
+      default: null,
+    },
     type: {
       type: String,
       default: "text",