feat: Support loading buttons

2 files changed, 23 insertions, 1 deletions

diff --git a/apps/kit/src/lib/components/icons/index.ts b/apps/kit/src/lib/components/icons/index.ts
index 9b0fb7e..b220f37 100644
--- a/apps/kit/src/lib/components/icons/index.ts
+++ b/apps/kit/src/lib/components/icons/index.ts
@@ -8,6 +8,7 @@ import ExclamationTriangle from "./exclamation-triangle.svelte";
 import XCircle from "./x-circle.svelte";
 import CheckCircle from "./check-circle.svelte";
 import XMark from "./x-mark.svelte";
+import Spinner from "./spinner.svelte";
 export {
     XIcon,
     MenuIcon,
@@ -18,5 +19,6 @@ export {
     ExclamationTriangle,
     XCircle,
     CheckCircle,
-    XMark
+    XMark,
+    Spinner
 }
\ No newline at end of file
diff --git a/apps/kit/src/lib/components/icons/spinner.svelte b/apps/kit/src/lib/components/icons/spinner.svelte
new file mode 100644
index 0000000..80cc57c
--- /dev/null
+++ b/apps/kit/src/lib/components/icons/spinner.svelte
@@ -0,0 +1,20 @@
+<svg
+    class="-ml-1 mr-3 h-5 w-5 animate-spin {$$restProps.class ?? ''}"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+>
+    <circle
+        class="opacity-25"
+        cx="12"
+        cy="12"
+        r="10"
+        stroke="currentColor"
+        stroke-width="4"
+    />
+    <path
+        class="opacity-75"
+        fill="currentColor"
+        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+    />
+</svg>