GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 06:41:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: add missing web components snippets for env variable section

Browse Source
This commit is contained in:
Gaëtan Maisse 2021-03-14 14:52:47 +01:00
parent 86dcf1c1e1
commit 29c2285cf4
No known key found for this signature in database
GPG Key ID: D934C0EF3714A8A8
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/configure/environment-variables.md
View File

@ -49,6 +49,7 @@ Then you can access this environment variable anywhere, even within your stories
'vue/my-component-with-env-variables.2.js.mdx', 'vue/my-component-with-env-variables.2.js.mdx',
'vue/my-component-with-env-variables.3.js.mdx', 'vue/my-component-with-env-variables.3.js.mdx',
'angular/my-component-with-env-variables.ts.mdx', 'angular/my-component-with-env-variables.ts.mdx',
'web-components/my-component-with-env-variables.js.mdx',
]} ]}
/> />

19
docs/snippets/web-components/my-component-with-env-variables.js.mdx Normal file
View File

@ -0,0 +1,19 @@
```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,
};
```