feat(j-components): add hints prop to j-text-field

phojie · Nov 6, 2022 · a425843 · a425843
1 parent c7fbc12
commit a425843
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/resources/js/j-components/JTextField.vue b/resources/js/j-components/JTextField.vue
@@ -33,7 +33,12 @@ const details = computed(() => {
   if (props.isDirty)
     return props.errorMessage
 
-  return props.hints
+  else
+    return props.hints
+})
+
+const hasDetails = computed(() => {
+  return props.isDirty || props.hints
 })
 
 // autofocus
@@ -93,6 +98,7 @@ onMounted(() => {
 
     <!-- details -->
     <p
+      v-if="hasDetails"
       :id="`${id}-details`"
       :class="[isDirty ? 'text-error-600' : 'text-gray-500']"
       class="mt-1 text-sm"

diff --git a/resources/js/j-components/Types.ts b/resources/js/j-components/Types.ts
@@ -7,6 +7,7 @@ export interface TextField {
   modelValue?: string
   label?: string
   appendInnerIcon?: string
+  hints?: string
   errorMessage?: string
   autofocus?: boolean