Back to Storybook

previewAnnotations

docs/api/main-config/main-config-preview-annotations.mdx

10.4.0762 B
Original Source

Parent: main.js|ts configuration

Type: string[] | ((config: string[], options: Options) => string[] | Promise<string[]>)

Add additional scripts to run in the story preview.

<Callout variant="info" icon="💡">

Mostly used by frameworks. Storybook users and addon authors should add scripts to preview.js instead.

</Callout>
ts
// @storybook/nextjs framework's src/preset.ts

import type { StorybookConfig } from './types';

export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => [
  ...entry,
  import.meta.resolve('@storybook/nextjs/preview'),
];