From a5aeabebbd647bcbf2a32a81fccda14cb1311e3e Mon Sep 17 00:00:00 2001
From: Elijah Duffy <elijah@thatoneguy.ca>
Date: Mon, 7 Jul 2025 15:49:14 -0700
Subject: [PATCH] expose html button properties

---
 src/lib/Button.svelte | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/lib/Button.svelte b/src/lib/Button.svelte
index 6bd2d01..be35bd6 100644
--- a/src/lib/Button.svelte
+++ b/src/lib/Button.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import type { ClassValue, MouseEventHandler } from 'svelte/elements';
+	import type { ClassValue, HTMLButtonAttributes, MouseEventHandler } from 'svelte/elements';
 	import Spinner from './Spinner.svelte';
 
-	interface Props {
+	interface Props extends Omit<HTMLButtonAttributes, 'type' | 'class'> {
 		icon?: string;
 		animate?: boolean;
 		loading?: boolean;
@@ -12,7 +12,15 @@
 		onclick?: MouseEventHandler<HTMLButtonElement>;
 	}
 
-	let { icon, animate = true, loading, class: classValue, children, onclick }: Props = $props();
+	let {
+		icon,
+		animate = true,
+		loading,
+		class: classValue,
+		children,
+		onclick,
+		...others
+	}: Props = $props();
 
 	let iconElement = $state<HTMLSpanElement | null>(null);
 
@@ -69,6 +77,7 @@
 		classValue
 	]}
 	onclick={handleButtonClick}
+	{...others}
 >
 	{@render children()}