storybook/docs/snippets/web-components/list-story-reuse-data.js.mdx

```js
// demo-list.stories.js

import { html } from 'lit-html';

import './demo-list';
import './demo-list-item';

export default {
  title: 'List',
};

//👇 We're importing the necessary stories from ListItem
import { Selected, Unselected } from './demo-list-item.stories';

export const ManyItems = (args) => {
  return html`
    <demo-list>
      ${Selected({ ...args, ...Selected.args })}
      ${Unselected({ ...args, ...Unselected.args })}
      ${Unselected({ ...args, ...Unselected.args })}
    </demo-list>
  `;
};
```