storybook/docs/snippets/svelte/list-story-expanded.native-format.mdx

```html
<!-- List.stories.svelte -->

<script>
  import { Meta, Template, Story } from '@storybook/addon-svelte-csf';

  import List from './List.svelte';

  import ListItem from './ListItem.svelte';
</script>

<meta title="List" component="{List}" />

<template let:args id="Empty">
  <List {...args} />
</template>

<template let:args id="OneItem">
  <List {...args}>
    <ListItem />
  </List>
</template>

<template let:args id="ManyItems">
  <List {...args}>
    <ListItem />
    <ListItem />
    <ListItem />
  </List>
</template>

<Story name="Empty" template="Empty" />

<Story name="OneItem" template="OneItem" />

<Story name="MultipleItems" template="ManyItems" />
```