storybook/docs/snippets/vue/component-story-mdx-story-by-name.mdx-2.mdx.mdx
2021-10-11 19:57:39 +01:00

22 lines
494 B
Plaintext

```md
<!-- Button.stories.mdx --->
import { Meta, Story } from '@storybook/addon-docs';
import Button from './Button.vue';
<Meta title="Button" component={Button} />
<!-- Render functions are a framework specific feature to allow you control on how the component renders -->
<Story
name="Basic"
args={{
label: 'hello'
}}
render={(args, { argTypes }) => ({
props: Object.keys(argTypes),
components: { Button },
template: '<Button v-bind="$props" />',
})} />
```