main-config-refs.md

title
refs

Parent: main.js|ts configuration

Type:

{ [key: string]:
  | { title: string; url: string; expanded?: boolean }
  | (config: { title: string; url: string; expanded?: boolean }) => { title: string; url: string; expanded?: boolean }
  | { disable: boolean }
}

Configures Storybook composition.

<CodeSnippets paths={[ 'common/main-config-refs.js.mdx', 'common/main-config-refs.ts.mdx', ]} />

Using a function

You can use a function to dynamically configure refs:

<CodeSnippets paths={[ 'common/main-config-refs-with-function.js.mdx', 'common/main-config-refs-with-function.ts.mdx', ]} />

Disable a ref

Some package dependencies automatically compose their Storybook in yours. You can disable this behavior by setting disable to true for the package name:

<CodeSnippets paths={[ 'common/main-config-refs-disable.js.mdx', 'common/main-config-refs-disable.ts.mdx', ]} />