Back to Storybook

previewAnnotations

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

10.3.6762 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](../../contribute/framework.mdx#previewjs-example). Storybook users and [addon authors](../../addons/writing-presets.mdx) should add scripts to [`preview.js`](../../configure/index.mdx#configure-story-rendering) 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'),
];