fix(TextField/Field): Expose id prop

techniq · Sep 15, 2024 · e5445e5 · e5445e5
1 parent 949db8a
commit e5445e5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/grumpy-suns-watch.md b/.changeset/grumpy-suns-watch.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(TextField/Field): Expose `id` prop
diff --git a/packages/svelte-ux/src/lib/components/Field.svelte b/packages/svelte-ux/src/lib/components/Field.svelte
@@ -53,7 +53,7 @@
   $: hasPrepend = $$slots.prepend || icon != null;
   $: hasAppend = $$slots.append || iconRight != null || clearable || error;
 
-  const id = uniqueId('field-');
+  export let id = uniqueId('field-');
   let labelEl: HTMLLabelElement | null = null;
 </script>
 

diff --git a/packages/svelte-ux/src/lib/components/TextField.svelte b/packages/svelte-ux/src/lib/components/TextField.svelte
@@ -208,7 +208,7 @@
   $: hasPrefix = $$slots.prefix || type === 'currency';
   $: hasSuffix = $$slots.suffix || type === 'percent';
 
-  const id = uniqueId('textfield-');
+  export let id = uniqueId('textfield-');
   let labelEl: HTMLLabelElement | null = null;
 </script>