diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js b/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js
index 6bcfa2146627..1197038fc862 100644
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js
+++ b/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js
@@ -1,5 +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 {
@@ -16,3 +17,32 @@ export const Emoji = () => (
     </span>
   </Button>
 );
+
+Emoji.story = {
+  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',
+};