@storybook/html

Functions

• setProjectAnnotations()

Interfaces

• HtmlRenderer

  • component
  • storyResult

Type Aliases

• Decorator
• Loader
• Meta
• Preview
• StoryContext
• StoryFn
• StoryObj

function setProjectAnnotations

setProjectAnnotations: (
    projectAnnotations:
        | NamedOrDefaultProjectAnnotations<any>
        | NamedOrDefaultProjectAnnotations<any>[]
) => NormalizedProjectAnnotations<HtmlRenderer>;

• Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.

  It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using composeStories or composeStory.

  Example:

  // setup-file.js
  import { setProjectAnnotations } from '@storybook/preact';
  import projectAnnotations from './.storybook/preview';
  
  setProjectAnnotations(projectAnnotations);

  Parameter projectAnnotations

  E.g. (import projectAnnotations from '../.storybook/preview')

type Decorator

type Decorator<TArgs = StrictArgs> = DecoratorFunction<HtmlRenderer, TArgs>;

type Loader

type Loader<TArgs = StrictArgs> = LoaderFunction<HtmlRenderer, TArgs>;

type Meta

type Meta<TArgs = Args> = ComponentAnnotations<HtmlRenderer, TArgs>;

• Metadata to configure the stories for a component.

  See Also

  • [Default export](https://storybook.js.org/docs/api/csf#default-export)

type Preview

type Preview = ProjectAnnotations<HtmlRenderer>;

type StoryContext

type StoryContext<TArgs = StrictArgs> = StoryContext$1<HtmlRenderer, TArgs>;

type StoryFn

type StoryFn<TArgs = Args> = AnnotatedStoryFn<HtmlRenderer, TArgs>;

• Story function that represents a CSFv2 component example.

  See Also

  • [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)

type StoryObj

type StoryObj<TArgs = Args> = StoryAnnotations<HtmlRenderer, TArgs>;

• Story object that represents a CSFv3 component example.

  See Also

  • [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)