diff --git a/addons/docs/docs/recipes.md b/addons/docs/docs/recipes.md
index fcea05acfcfd..5c60d9db1a8c 100644
--- a/addons/docs/docs/recipes.md
+++ b/addons/docs/docs/recipes.md
@@ -56,7 +56,9 @@ import mdx from './Button.mdx';
 export default {
   title: 'Demo/Button',
   parameters: {
-    docs: mdx,
+    docs: {
+      page: mdx,
+    },
   },
 };
 
diff --git a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap
index 94367ee4014b..cae5deca1852 100644
--- a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap
+++ b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap
@@ -166,6 +166,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           onClick={[Function]}
         >
           <button
+            onClick={[Function]}
             style={
               Object {
                 "backgroundColor": "transparent",
@@ -272,6 +273,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
                 "textDecoration": "none",
               }
             }
+            target="_blank"
           >
             Writing Stories
           </a>
diff --git a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap
index 6d4d44b1d92a..dd98d76c66d5 100644
--- a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap
+++ b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap
@@ -139,6 +139,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
   <p>
     See these sample 
     <button
+      onClick={[Function]}
       style={
         Object {
           "backgroundColor": "transparent",
@@ -233,6 +234,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           "textDecoration": "none",
         }
       }
+      target="_blank"
     >
       Writing Stories
     </a>
diff --git a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo
index ea703ee7dac7..1fda01fe66a0 100644
--- a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo
+++ b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo
@@ -43,6 +43,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
   <p>
     See these sample 
     <button
+      onClick={[Function]}
       style={
         Object {
           "backgroundColor": "transparent",
@@ -137,6 +138,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           "textDecoration": "none",
         }
       }
+      target="_blank"
     >
       Writing Stories
     </a>
diff --git a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot
index ea703ee7dac7..1fda01fe66a0 100644
--- a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot
+++ b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot
@@ -43,6 +43,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
   <p>
     See these sample 
     <button
+      onClick={[Function]}
       style={
         Object {
           "backgroundColor": "transparent",
@@ -137,6 +138,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           "textDecoration": "none",
         }
       }
+      target="_blank"
     >
       Writing Stories
     </a>
diff --git a/app/react/src/demo/Welcome.tsx b/app/react/src/demo/Welcome.tsx
index 78c87898d66f..20c3bb0313f3 100644
--- a/app/react/src/demo/Welcome.tsx
+++ b/app/react/src/demo/Welcome.tsx
@@ -59,6 +59,7 @@ const Link = ({
   children,
   href,
   target,
+  rel,
   ...props
 }: {
   children: string;
@@ -70,6 +71,8 @@ const Link = ({
   <a
     href={href}
     {...props}
+    target={target}
+    rel={rel}
     style={{
       color: '#1474f3',
       textDecoration: 'none',
@@ -101,6 +104,7 @@ const NavButton = ({
   <button
     {...props}
     type="button"
+    onClick={onClick}
     style={{
       color: '#1474f3',
       textDecoration: 'none',