diff --git a/addons/rose/.storybook/main.js b/addons/rose/.storybook/main.js
index 990a60bc9..3d146546d 100644
--- a/addons/rose/.storybook/main.js
+++ b/addons/rose/.storybook/main.js
@@ -1,9 +1,8 @@
module.exports = {
- stories: ['../stories/**/*.stories.js'],
+ stories: ['../addon/components/**/*.stories.(js|mdx)'],
addons: [
'@storybook/addon-knobs',
'@storybook/addon-actions',
- '@storybook/addon-links',
- '@storybook/addon-storysource'
+ '@storybook/addon-docs',
]
};
diff --git a/addons/rose/addon/components/rose/button.stories.mdx b/addons/rose/addon/components/rose/button.stories.mdx
new file mode 100644
index 000000000..7617f0ba3
--- /dev/null
+++ b/addons/rose/addon/components/rose/button.stories.mdx
@@ -0,0 +1,98 @@
+import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
+import { hbs } from 'ember-cli-htmlbars';
+import { action } from '@storybook/addon-actions';
+import { text, boolean, select } from '@storybook/addon-knobs';
+
+
+
+# Button
+
+A simple button component that renders an HTML `