fix: adds attributes to color

Jaspero · Jan 1, 2024 · d05c6c7 · d05c6c7
1 parent 1cc3745
commit d05c6c7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/docs/docs/Form fields/color.md b/docs/docs/Form fields/color.md
@@ -12,6 +12,7 @@
 | id |  | `string` |  id of the form control |
 | label |  | `string` |  text right to the color picker |
 | value | | `string`| value of the color picker |
+| disabled | | `boolean`| determines if an input is disabled |
 
 
 ### Slots

diff --git a/packages/lib/src/form-fields/color.wc.svelte b/packages/lib/src/form-fields/color.wc.svelte
@@ -23,6 +23,8 @@
   export let name;
   export let value = 'e65100';
   export let label = ''
+  export let disabled = false;
+
 
   export const getValue = () => value;
 
@@ -35,7 +37,7 @@
 </script>
 
 <div>
-  <input type="color" {id} {name} bind:value />
+  <input type="color" {id} {name} {disabled} bind:value />
   {#if label}
     <!-- svelte-ignore a11y-label-has-associated-control -->
     <label>{label}</label>