Skip to content
This repository was archived by the owner on Apr 28, 2025. It is now read-only.

Commit 364355c

Browse files
authored
docs(link): added disabled fake-link (#2508)
1 parent d7d80cc commit 364355c

File tree

3 files changed

+30
-0
lines changed

3 files changed

+30
-0
lines changed

.changeset/tame-monkeys-sparkle.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@ebay/skin": minor
3+
---
4+
5+
docs(link): added disabled fake-link

src/modules/link.marko

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,28 @@
146146
>
147147
<button class="fake-link" type="button">Button</button>
148148
</highlight-code>
149+
150+
151+
<h3 id="link-fake">
152+
Disabled Fake Link
153+
</h3>
154+
<p>
155+
To disable a button styled to look like a link, use the disabled attribute.
156+
</p>
157+
158+
<div class="demo">
159+
<div class="demo__inner">
160+
<button class="fake-link" disabled type="button">
161+
Button
162+
</button>
163+
</div>
164+
</div>
165+
166+
<highlight-code
167+
type="html"
168+
>
169+
<button class="fake-link" type="button" disabled>Button</button>
170+
</highlight-code>
149171
<!--
150172
<p>To style a button to look like an <em>action</em> link, use the <span class="highlight">fake-link--action</span> modifier.</p>
151173

src/sass/link/stories/link.stories.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,9 @@ export const RTL = () => `
2121
export const fake = () =>
2222
`<button class="fake-link" type="button">Button</button>`;
2323

24+
export const disabledFake = () =>
25+
`<button class="fake-link" disbaled type="button">Button</button>`;
26+
2427
export const nav = () =>
2528
`<a class="nav-link" href="https://www.ebay.com/?r=${Math.floor(
2629
Math.random() * Math.floor(1000),

0 commit comments

Comments
 (0)