diff --git a/docs/src/pages/components/Button.svx b/docs/src/pages/components/Button.svx
index c0b06446..ad840479 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,