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

```ts
// List.stories.ts
import type { Meta, StoryObj } from '@storybook/web-components';

import { html } from 'lit-html';

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

const meta: Meta = {
  title: 'List',
  component: 'demo-list',
};
export default meta;

type Story = StoryObj;

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