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 `