mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 07:21:16 +08:00
47 lines
1.1 KiB
Plaintext
47 lines
1.1 KiB
Plaintext
---
|
|
title: 'refs'
|
|
sidebar:
|
|
order: 18
|
|
title: refs
|
|
---
|
|
|
|
Parent: [main.js|ts configuration](./main-config.mdx)
|
|
|
|
Type:
|
|
|
|
```ts
|
|
{ [key: string]:
|
|
| { title: string; url: string; expanded?: boolean, sourceUrl?: string }
|
|
| (config: { title: string; url: string; expanded?: boolean, sourceUrl: string }) => { title: string; url: string; expanded?: boolean, sourceUrl?: string }
|
|
| { disable: boolean }
|
|
}
|
|
```
|
|
|
|
Configures [Storybook composition](../../sharing/storybook-composition.mdx).
|
|
|
|
{/* prettier-ignore-start */}
|
|
|
|
<CodeSnippets path="main-config-refs.md" />
|
|
|
|
{/* prettier-ignore-end */}
|
|
|
|
## Using a function
|
|
|
|
You can use a function to dynamically configure refs:
|
|
|
|
{/* prettier-ignore-start */}
|
|
|
|
<CodeSnippets path="main-config-refs-with-function.md" />
|
|
|
|
{/* prettier-ignore-end */}
|
|
|
|
## Disable a ref
|
|
|
|
Some package dependencies automatically [compose their Storybook in yours](../../sharing/package-composition.mdx). You can disable this behavior by setting `disable` to `true` for the package name:
|
|
|
|
{/* prettier-ignore-start */}
|
|
|
|
<CodeSnippets path="main-config-refs-disable.md" />
|
|
|
|
{/* prettier-ignore-end */}
|