diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js
index b84fca566012..1197038fc862 100644
--- a/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js
@@ -1,6 +1,6 @@
 import React from 'react';
-
 import { action } from '@storybook/addon-actions';
+import { linkTo } from '@storybook/addon-links';
 import { Button } from '@storybook/react/demo';
 
 export default {
@@ -19,5 +19,30 @@ export const Emoji = () => (
 );
 
 Emoji.story = {
-  name: 'with emoji',
+  parameters: { notes: 'My notes on a button with emojis' },
+};
+
+export const WithSomeEmojiAndAction = () => (
+  <Button onClick={action('This was clicked')}>
+    <span role="img" aria-label="so cool">
+      😀 😎 👍 💯
+    </span>
+  </Button>
+);
+
+WithSomeEmojiAndAction.story = {
+  name: 'with some emoji and action',
+  parameters: { notes: 'My notes on a button with emojis' },
+};
+
+export const ButtonWithLinkToAnotherStory = () => (
+  <Button onClick={linkTo('Welcome')}>
+    <span role="img" aria-label="so cool">
+      Go to Welcome Story
+    </span>
+  </Button>
+);
+
+ButtonWithLinkToAnotherStory.story = {
+  name: 'button with link to another story',
 };