add: post load

src/components/ui/CustomInput.vue

@@ -28,6 +28,13 @@
         helpText: {
             type: String,
             default: '',
+        },
+        required: {
+            type: Boolean,
+            default: false,
+        },
+        error: {
+            type: String,
         }
     })
 
@@ -47,8 +54,10 @@
             :value="field"
             :disabled="readonly"
             :readonly="readonly"
+            :required="required"
             @input="$event => $emit('update:field', $event.target.value)">
         <span class="help" v-if="helpText.length > 0">{{ helpText }}</span>
+        <span class="error-msg" v-if="error">{{ error }}</span>
     </div>
 </template>
 
@@ -58,4 +67,10 @@
         font-weight: 300;
         color: rgb(108, 92, 92);
     }
+
+    .error-msg {
+        color: red;
+        font-size: 12px;
+        font-weight: 300;
+    }
 </style>