From b37f0a90c92af7049384748a6c08d6214a165107 Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Sun, 18 Jul 2021 05:37:53 -0700
Subject: [PATCH] fix(button): only set disabled attribute if true #755

Fixes #755
---
 docs/src/pages/components/Button.svx | 5 +++++
 src/Button/Button.svelte             | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/components/Button.svx b/docs/src/pages/components/Button.svx
index 2b2f0f45..7b7542de 100644
--- a/docs/src/pages/components/Button.svx
+++ b/docs/src/pages/components/Button.svx
@@ -5,6 +5,7 @@
   import TextBold16 from "carbon-icons-svelte/lib/TextBold16";
   import TextItalic16 from "carbon-icons-svelte/lib/TextItalic16";
   import TextUnderline16 from "carbon-icons-svelte/lib/TextUnderline16";
+  import Login16 from "carbon-icons-svelte/lib/Login16";
   import Preview from "../../components/Preview.svelte";
 
   let index = 1;
@@ -54,6 +55,10 @@
 
 <Button iconDescription="Tooltip text" icon={Add16} />
 
+### Icon-only, link button
+
+<Button iconDescription="Login" icon={Login16} href="#" />
+
 ### Icon-only button (custom tooltip position)
 
 The tooltip position and alignment can be controlled by `tooltipPosition` and `tooltipAlignment`.
diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte
index bd291be1..3ec84c63 100644
--- a/src/Button/Button.svelte
+++ b/src/Button/Button.svelte
@@ -95,7 +95,7 @@
   $: buttonProps = {
     type: href && !disabled ? undefined : type,
     tabindex,
-    disabled,
+    disabled: disabled === true ? true : undefined,
     href,
     "aria-pressed": hasIconOnly && kind === "ghost" ? isSelected : undefined,
     ...$$restProps,