Merge pull request #12 from ahinkle/placeholder-support

Custom Placeholder Support
timothyasp · Oct 26, 2020 · 6cc39ba · 6cc39ba
2 parents a0141c6 + b0de824
commit 6cc39ba
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
@@ -6,7 +6,7 @@
                 <input :id="field.name" type="text"
                        class="w-25 form-control form-input form-input-bordered color-input rounded-l-none"
                        :class="errorClasses"
-                       :placeholder="field.name"
+                       :placeholder="placeholder"
                        v-model="value"
                 />
             </div>
@@ -68,6 +68,16 @@ export default {
          */
         palette() {
             return this.field.palette || undefined;
+        },
+        /**
+         * Determines the placeholder.
+         */
+        placeholder() {
+            if (this.field.extraAttributes === undefined) {
+                return this.field.name;
+            }
+
+            return this.field.extraAttributes.placeholder || this.field.name;
         }
     }
 };