Merge pull request #233 from PrefectHQ/base-input-disabled

Feature: adding disabled to attrs
PrefectHQ · Jun 3, 2022 · 545342a · 545342a
2 parents a54fe15 + 99a2d52
commit 545342a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/BaseInput/BaseInput.vue b/src/components/BaseInput/BaseInput.vue
@@ -4,7 +4,7 @@
       {{ prepend }}
     </div>
     <slot name="prepend" />
-    <slot name="control" :attrs="attrs" />
+    <slot name="control" :attrs="attrsWithDisabled" />
     <div v-if="append" class="base-input__append">
       {{ append }}
     </div>
@@ -53,6 +53,11 @@
     'base-input--failed': failed.value,
     'base-input--pending': props.state?.pending,
   }))
+
+  const attrsWithDisabled = computed(() => ({
+    ...attrs,
+    disabled: props.disabled,
+  }))
 </script>
 
 <style>