From 20d619df95c833baa55e1f82ea5d8c3da8dd2793 Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Fri, 3 May 2019 01:30:09 +0300
Subject: [PATCH] Circumvent intentional hash-link usage on example file
 (jsx-a11y/anchor-is-valid)

---
 src/components/Button/Button.example.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Button/Button.example.js b/src/components/Button/Button.example.js
index 34fe0ab4..8dfadf31 100644
--- a/src/components/Button/Button.example.js
+++ b/src/components/Button/Button.example.js
@@ -9,6 +9,7 @@ const preventDefault = e => {
   e.preventDefault();
 };
 
+const hashLink = '#';
 class InteractiveButton extends Component {
   constructor(props) {
     super(props);
@@ -130,29 +131,29 @@ const ButtonsComponent = () => {
       </p>
       <p>
         Lorem ipsum{' '}
-        <a href="#" onClick={preventDefault}>
+        <a href={hashLink} onClick={preventDefault}>
           a normal link
         </a>{' '}
         dolor sit amet
       </p>
 
       <h3>Link that looks like a default button:</h3>
-      <a className={css.buttonLink} href="#" onClick={preventDefault}>
+      <a className={css.buttonLink} href={hashLink} onClick={preventDefault}>
         Click me
       </a>
 
       <h3>Translated link that looks like a default button:</h3>
-      <a className={css.buttonLink} href="#" onClick={preventDefault}>
+      <a className={css.buttonLink} href={hashLink} onClick={preventDefault}>
         <span>Clique moi</span>
       </a>
 
       <h3>Link that looks like a primary button:</h3>
-      <a className={css.buttonLinkPrimary} href="#" onClick={preventDefault}>
+      <a className={css.buttonLinkPrimary} href={hashLink} onClick={preventDefault}>
         Click me
       </a>
 
       <h3>Link that looks like a secondary button:</h3>
-      <a className={css.buttonLinkSecondary} href="#" onClick={preventDefault}>
+      <a className={css.buttonLinkSecondary} href={hashLink} onClick={preventDefault}>
         Click me
       </a>