diff --git a/.storybook/stories/modal/modal-static.stories.ts b/.storybook/stories/modal/modal-static.stories.ts index 88e4a54d6b..e819f322cf 100644 --- a/.storybook/stories/modal/modal-static.stories.ts +++ b/.storybook/stories/modal/modal-static.stories.ts @@ -5,12 +5,28 @@ */ import { ClrModalModule } from '@clr/angular'; -import { Parameters } from '@storybook/addons'; -import { Story } from '@storybook/angular'; +import { moduleMetadata, Story, StoryObj } from '@storybook/angular'; -import { setupStorybook } from '../../helpers/setup-storybook.helpers'; +import { CommonModules } from '../../helpers/common'; -const defaultStory: Story = args => ({ +export default { + title: 'Modal/Static', + decorators: [ + moduleMetadata({ + imports: [...CommonModules, ClrModalModule], + }), + ], + argTypes: { + size: { defaultValue: 'md', control: { type: 'radio', options: ['sm', 'md', 'lg', 'xl'] } }, + }, + args: { + title: 'Small Modal', + body: 'This is a small modal.', + size: 'sm', + }, +}; + +const ModalStaticTemplate: Story = args => ({ template: `