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

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

import { html } from 'lit';
import type { Story } 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';

export default {
  /* 👇 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> = () => html`
  <List>
    ${Unchecked({ ...Unchecked.args })}
  </List>
`;
```