docs/snippets/svelte/my-component-with-env-variables.mdx.mdx
```md
<!-- MyComponent.stories.mdx -->
import { Canvas, Meta, Story } from '@storybook/addon-docs';
import MyComponent from './MyComponent.svelte';
<Meta title="MyComponent" component={MyComponent}/>
export const Template = (args) => ({
Component: MyComponent,
props: args,
});
<Canvas>
<Story
name="ExampleStory"
args={{
propertyA: process.env.STORYBOOK_DATA_KEY,
}}>
{Template.bind({})}
</Canvas>
```