todo front in work

resources/js/components/InputField.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="relative mt-1">
+    <div class="relative mt-1" :classes="classes">
         <label :for="name" class="pb-1">{{ label }}</label>
         <input :id="name" :type="type" :placeholder="placeholder" v-model="value" @input="updateField()" :class="errorClassObject()">
         <p class="text-alert m-0" v-text="errorMessage()">Error Here</p>
@@ -27,6 +27,7 @@
             },
             errors: Object,
             data: String,
+            classes: String,
         },
         data: function () {
             return {