next: make ref bindable for <Button /> (#798)

huntabyte · Oct 23, 2024 · 134f4a4 · 134f4a4
1 parent 4d5ef14
commit 134f4a4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/thick-ligers-wonder.md b/.changeset/thick-ligers-wonder.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix(Button): make `ref` prop `$bindable`
diff --git a/packages/bits-ui/src/lib/bits/button/components/button.svelte b/packages/bits-ui/src/lib/bits/button/components/button.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { ButtonRootProps } from "../types.js";
 
-	let { href, type, children, ref, ...restProps }: ButtonRootProps = $props();
+	let { href, type, children, ref = $bindable(), ...restProps }: ButtonRootProps = $props();
 </script>
 
 <svelte:element