From 3fa210fb5402ff1b7d8eacb1505a2622dc471dcf Mon Sep 17 00:00:00 2001
From: Andrew Gliga <agliga4@gmail.com>
Date: Wed, 11 Dec 2024 13:28:43 -0800
Subject: [PATCH] docs(link): added disabled fake-link

---
 .changeset/tame-monkeys-sparkle.md    |  5 +++++
 src/modules/link.marko                | 22 ++++++++++++++++++++++
 src/sass/link/stories/link.stories.js |  3 +++
 3 files changed, 30 insertions(+)
 create mode 100644 .changeset/tame-monkeys-sparkle.md

diff --git a/.changeset/tame-monkeys-sparkle.md b/.changeset/tame-monkeys-sparkle.md
new file mode 100644
index 0000000000..02dca907c4
--- /dev/null
+++ b/.changeset/tame-monkeys-sparkle.md
@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+docs(link): added disabled fake-link
diff --git a/src/modules/link.marko b/src/modules/link.marko
index fb337db69c..4da2a3d324 100644
--- a/src/modules/link.marko
+++ b/src/modules/link.marko
@@ -146,6 +146,28 @@
         >
 <button class="fake-link" type="button">Button</button>
     </highlight-code>
+
+
+    <h3 id="link-fake">
+        Disabled Fake Link
+    </h3>
+    <p>
+        To disable a button styled to look like a link, use the disabled attribute.
+    </p>
+
+    <div class="demo">
+        <div class="demo__inner">
+            <button class="fake-link" disabled type="button">
+                Button
+            </button>
+        </div>
+    </div>
+
+    <highlight-code
+        type="html"
+        >
+<button class="fake-link" type="button" disabled>Button</button>
+    </highlight-code>
     <!--
     <p>To style a button to look like an <em>action</em> link, use the <span class="highlight">fake-link--action</span> modifier.</p>
 
diff --git a/src/sass/link/stories/link.stories.js b/src/sass/link/stories/link.stories.js
index 5f18a37f42..b2100a7c17 100644
--- a/src/sass/link/stories/link.stories.js
+++ b/src/sass/link/stories/link.stories.js
@@ -21,6 +21,9 @@ export const RTL = () => `
 export const fake = () =>
     `<button class="fake-link" type="button">Button</button>`;
 
+export const disabledFake = () =>
+    `<button class="fake-link" disbaled type="button">Button</button>`;
+
 export const nav = () =>
     `<a class="nav-link" href="https://www.ebay.com/?r=${Math.floor(
         Math.random() * Math.floor(1000),