storybook/docs/snippets/web-components/my-component-with-env-variables.js.mdx

```js
// my-component.stories.js

import { html } from 'lit-html';

import './my-component';

export default {
  title: 'A story using environment variables inside a .env file',
};

const Template = ({ propertyA }) => html`<my-component .propertyA=${propertyA}></my-component>`;

export const Default = Template.bind({});

Default.args = {
  propertyA: process.env.STORYBOOK_DATA_KEY,
};
```