I’m using Storybook with Angular, and I want to apply global styles to a specific story without affecting other stories.
I prefer not to define the styles in preview.ts
because it would impact all stories.
How can I achieve this? Here’s an example of how I define my stories in a typical Angular Storybook setup:
const meta: Meta<FooComponent> = {
component: FooComponent,
title: 'FooComponent'
};
export default meta;
type Story = StoryObj<FooComponent>;
export const Primary: Story = {
args: { },
};
Any suggestions on how to add global styles specifically for the Primary
story?”