docs/snippets/svelte/your-component.mdx.mdx
```md
<!-- YourComponent.stories.mdx -->
import { Meta, Story } from '@storybook/addon-docs';
import YourComponent from './YourComponent.svelte';
<!--๐ The title prop determines where your story goes in the story list -->
<Meta title="YourComponent" component={YourComponent} />
<!--๐ We create a โtemplateโ of how args map to rendering -->
export const Template = (args) => ({
Component: YourComponent,
props: args,
});
<!-- ๐ The args you need here will depend on your component -->
<Story
name="FirstStory"
args={{}}>
{Template.bind({})}
</Story>
```