fbredius/storybook

View on GitHub
docs/snippets/vue/button-story-decorator.mdx.mdx

Summary

Maintainability
Test Coverage
```md
<!-- Button.stories.mdx -->

import { Meta, Story } from '@storybook/addon-docs';

import Button from './Button.vue';

<Meta title="Button" component={Button}/>

export const Template = () => ({
  components: { Button },
  template: '<Button primary label="Hello World"/>',
});


<Story
  name="Primary"
  decorators={[
    () => ({
      template: '<div style="margin: 3em;"><story /></div>',
    }),
  ]}>
  {Template.bind({})}
<Story>
```