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

Document support for stories as function

Browse Source 
Source: https://github.com/storybookjs/storybook/issues/11181#issuecomment-674844736
This commit is contained in:
Valentin Agachi 2021-04-02 13:36:21 +02:00 committed by GitHub
parent b499cf4ce0
commit f694c269c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
docs/configure/overview.md
View File

@ -60,6 +60,21 @@ For example if you wanted to pull both `.md` and `.js` files from the `my-projec
<!-- prettier-ignore-end -->
If you want to use a custom logic for loading stories which is not supported by a glob pattern, you can supply the final list of stories files:
```js
// .storybook/main.js
function findStories() {
// your custom logic returns a list of files
}
module.exports = {
stories: async (list) => [...list, ...findStories()],
};
```
## Configure story rendering
To control the way stories are rendered and add global [decorators](../writing-stories/decorators.md#global-decorators) and [parameters](../writing-stories/parameters.md#global-parameters), create a `.storybook/preview.js` file. This is loaded in the Canvas tab, the “preview” iframe that renders your components in isolation. Use `preview.js` for global code (such as [CSS imports](../get-started/setup.md#render-component-styles) or JavaScript mocks) that applies to all stories.