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

```ts
// my-list.stories.ts|tsx

import { html } from 'lit';
import type { StoryObj } from '../../IStory';
import { IList } from './my-list.custom';

import './my-list';

//👇 Instead of importing my-list-item, we import the stories
import { Unchecked } from './my-list-item.stories';

const meta: Meta<typeof Button> = {
  /* 👇 The title prop is optional.
   * See https://storybook.js.org/docs/7.0/web-components/configure/overview#configure-story-loading
   * to learn how to generate automatic titles
   */
  title: 'my-list',
};

export const OneItem: Story<IList> = {
  render: () => html` <List> ${Unchecked({ ...Unchecked.args })} </List> `,
};
```