Back to Storybook

Override Compose Story Test

docs/_snippets/override-compose-story-test.md

10.3.61.2 KB
Original Source
js
// Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
import { composeStories } from '@storybook/your-framework';

import * as stories from './LoginForm.stories';

const { ValidForm } = composeStories(stories, {
  decorators: [
    // Decorators defined here will be added to all composed stories from this function
  ],
  globalTypes: {
    // Override globals for all composed stories from this function
  },
  parameters: {
    // Override parameters for all composed stories from this function
  },
});
js
// Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
import { composeStories } from '@storybook/your-framework';

import Meta, { ValidForm as ValidFormStory } from './LoginForm.stories';

const ValidForm = composeStory(ValidFormStory, Meta, {
  decorators: [
    // Decorators defined here will be added to this story
  ],
  globalTypes: {
    // Override globals for this story
  },
  parameters: {
    // Override parameters for this story
  },
});