GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 20:11:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #12815 from aach/docs-vue-page-story

Browse Source 
docs: add vue/page-story.js
This commit is contained in:
Michael Shilman 2020-10-22 10:52:21 +08:00 committed by GitHub
commit ae37b85365
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
docs/snippets/vue/page-story.js.mdx Normal file
View File

@ -0,0 +1,21 @@
```js
// Page.stories.js
import Page from './Page.vue';
import * as HeaderStories from './Header.stories';
export default {
title: 'Page',
};
const Template = (args, { argTypes }) => ({
components: { Page },
props: Object.keys(argTypes),
template: '<page v-bind="$props" />',
});
export const LoggedIn = Template.bind({});
LoggedIn.args = {
...HeaderStories.LoggedIn.args,
};
```

3
docs/writing-stories/args.md
View File

@ -88,7 +88,8 @@ Args are useful when writing stories for composite components that are assembled
paths={[
'react/page-story.js.mdx',
'react/page-story.ts.mdx',
'angular/page-story.ts.mdx'
'angular/page-story.ts.mdx',
'vue/page-story.js.mdx'
]}
/>