storybook/docs/snippets/web-components/list-story-reuse-data.js.mdx
Kyle Gach 3c45882cb1 Update web components snippets (JS & TS)
- For these pages (so far):
  - /docs/get-started/whats-a-story
  - /docs/get-started/setup
  - /docs/writing-stories/introduction
  - /docs/writing-stories/args
  - /docs/writing-stories/parameters
  - /docs/writing-stories/decorators
  - /docs/writing-stories/play-function
  - /docs/writing-stories/loaders
  - /docs/writing-stories/build-pages-in-storybook
  - /docs/writing-stories/stories-for-multiple-components
  - /docs/api/csf

- Convert some snippets to "common" ones
- Remove unused snippets
2023-01-11 21:35:19 -07:00

22 lines
490 B
Plaintext

```js
// List.stories.js
import { html } from 'lit-html';
// 👇 We're importing the necessary stories from ListItem
import { Selected, Unselected } from './ListItem.stories';
export default {
title: 'List',
component: 'demo-list',
};
export const ManyItems = {
render: (args) => html`
<demo-list>
${Selected({ ...args, ...Selected.args })} ${Unselected({ ...args, ...Unselected.args })}
${Unselected({ ...args, ...Unselected.args })}
</demo-list>
`,
};
```