storybook/docs/snippets/vue/list-story-reuse-data.js.mdx
2021-01-13 16:42:24 +00:00

24 lines
593 B
Plaintext

```js
// List.stories.js
import List from './ListComponent.vue';
import ListItem from './ListItem.vue';
import { Selected, Unselected } from './ListItem.stories';
export const ManyItems = (args, { argTypes }) => ({
components: { List, ListItem },
props: Object.keys(argTypes),
template: `
<list v-bind="$props">
<list-item :itemProperty="Selected"/>
<list-item :itemProperty="Unselected"/>
<list-item :itemProperty="Unselected"/>
</list>
`,
});
ManyItems.args = {
Selected: Selected.args.itemProperty,
Unselected: Unselected.args.itemProperty,
};
```