Back to Storybook

Angular Vite Modulemetadata In Meta

docs/_snippets/angular-vite-modulemetadata-in-meta.md

10.5.01.1 KB
Original Source
ts
import { Meta, moduleMetadata, StoryObj } from '@storybook/angular-vite';

import { YourComponent } from './your.component';

const meta: Meta<YourComponent> = {
  component: YourComponent,
  decorators: [
    moduleMetadata({
      imports: [
        //...
      ],
      declarations: [
        //...
      ],
      providers: [
        //...
      ],
    }),
  ],
};
export default meta;

type Story = StoryObj<YourComponent>;

export const Base: Story = {};
ts
import { moduleMetadata } from '@storybook/angular-vite';
import preview from '../.storybook/preview';

import { YourComponent } from './your.component';

const meta = preview.meta({
  component: YourComponent,
  decorators: [
    moduleMetadata({
      imports: [
        //...
      ],
      declarations: [
        //...
      ],
      providers: [
        //...
      ],
    }),
  ],
});

export const Base = meta.story();