Simple notes example

examples/test-cra/.storybook/addons.js

@@ -1,2 +1,3 @@
 import '@storybook/addon-actions/register';
 import '@storybook/addon-links/register';
+import '@storybook/addon-notes/register';

examples/test-cra/package.json

@@ -19,6 +19,7 @@
   "devDependencies": {
     "@storybook/addon-actions": "file:../../addons/actions",
     "@storybook/addon-links": "file:../../addons/links",
+    "@storybook/addon-notes": "file:../../addons/notes",
     "@storybook/addon-storyshots": "file:../../addons/storyshots",
     "@storybook/addons": "file:../../lib/addons",
     "@storybook/channel-postmessage": "file:../../lib/channel-postmessage",

examples/test-cra/src/stories/index.js

@@ -5,6 +5,7 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
+import { WithNotes } from '@storybook/addon-notes';
 
 import Button from './Button';
 import Welcome from './Welcome';
@@ -13,7 +14,11 @@ import ComponentWithRef from './ComponentWithRef';
 storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
 
 storiesOf('Button', module)
-  .add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)
+  .add('with text', () =>
+    <WithNotes notes={'A very simple button'}>
+      <Button onClick={action('clicked')}>Hello Button</Button>
+    </WithNotes>
+  )
   .add('with some emoji', () => <Button onClick={action('clicked')}>😀 😎 👍 💯</Button>);
 
 storiesOf('ComponentWithRef', module).add('basic', () => <ComponentWithRef />);