GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-03-20 05:02:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: storybook-preview-global-decorator

Browse Source
This commit is contained in:
andrekisi 2020-09-15 23:41:49 +02:00
parent dd174ea82c
commit a648786202
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/snippets/vue/storybook-preview-global-decorator.js.mdx Normal file
View File

@ -0,0 +1,5 @@
// .storybook/preview.js
```js
export const decorators = [() => '<div style="margin: 3em;"><story /></div>'];
```

2
docs/writing-stories/decorators.md
View File

@ -80,6 +80,7 @@ To define a decorator for all stories of a component, use the `decorators` key o
paths={[
'react/button-story-component-decorator.js.mdx',
'react/button-story-component-decorator.ts.mdx',
'vue/button-story-component-decorator.js.mdx',
]}
/>
@ -95,6 +96,7 @@ We can also set a decorator for **all stories** via the `decorators` export of y
paths={[
'react/storybook-preview-global-decorator.js.mdx',
'react/storybook-preview-global-decorator.ts.mdx',
'vue/storybook-preview-global-decorator.js.mdx',
]}
/>