From 1158efd5f1f6e064b802ddf8e8700299753e4f03 Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Sun, 26 Jan 2025 15:18:47 +0100
Subject: [PATCH] Lib: Add shadow option to Button component

---
 src/lib/components/form/Button.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/form/Button.svelte b/src/lib/components/form/Button.svelte
index fb213b5..6a34328 100644
--- a/src/lib/components/form/Button.svelte
+++ b/src/lib/components/form/Button.svelte
@@ -33,6 +33,9 @@
 
     /** The PopupSettings to trigger on click. Only if "href" is undefined. */
     trigger_popup?: PopupSettings;
+
+    /** Should the button have a shadow? */
+    shadow?: boolean;
   }
 
   let {
@@ -44,6 +47,7 @@
     activate = false,
     activate_href = false,
     trigger_popup = { event: "click", target: "invalid" },
+    shadow = false,
     ...restProps
   }: ButtonProps = $props();
 </script>
@@ -57,7 +61,7 @@
         ? `variant-filled-${color}`
         : ''} {width} {activate ? 'btn-hover' : ''} {activate_href && is_at_path(href)
         ? 'btn-hover'
-        : ''}"
+        : ''} {shadow ? 'shadow' : ''}"
       draggable="false"
       {...restProps}>{@render children()}</button
     >
@@ -67,7 +71,7 @@
     type={submit ? "submit" : "button"}
     class="btn select-none px-2 py-2 {color ? `variant-filled-${color}` : ''} {width} {activate
       ? 'btn-hover'
-      : ''}"
+      : ''} {shadow ? 'shadow' : ''}"
     draggable="false"
     use:popup={trigger_popup}
     {...restProps}>{@render children()}</button