Housekeeping: Create Cookbook example story for Card (#3609)

kirbydesign · Sep 16, 2024 · 83323bb · 83323bb
1 parent c3daa23
commit 83323bb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/apps/cookbook/src/app/examples/card-example/card-example.module.ts b/apps/cookbook/src/app/examples/card-example/card-example.module.ts
@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { KirbyModule } from '@kirbydesign/designsystem';
+import { CardModule, FlagComponent, IconModule, ItemModule } from '@kirbydesign/designsystem';
 
 import { CardExampleComponent } from './card-example.component';
 import { CardExampleBackgroundImageComponent } from './examples/background-image';
@@ -22,7 +22,7 @@ const COMPONENT_DECLARATIONS = [
 
 @NgModule({
   declarations: COMPONENT_DECLARATIONS,
-  imports: [CommonModule, KirbyModule],
+  imports: [CommonModule, CardModule, FlagComponent, IconModule, ItemModule],
   exports: COMPONENT_DECLARATIONS,
 })
 export class CardExampleModule {}
diff --git a/libs/designsystem/card/src/card.component.stories.ts b/libs/designsystem/card/src/card.component.stories.ts
@@ -1,10 +1,17 @@
-import { argsToTemplate, Meta, StoryObj } from '@storybook/angular';
+import { argsToTemplate, type Meta, moduleMetadata, type StoryObj } from '@storybook/angular';
 
-import { CardComponent } from '@kirbydesign/designsystem/card';
+import { CardComponent, CardModule } from '@kirbydesign/designsystem/card';
+
+import { CardExampleModule } from '~/app/examples/card-example/card-example.module';
 
 const meta: Meta<CardComponent> = {
   component: CardComponent,
   title: 'Components / Card',
+  decorators: [
+    moduleMetadata({
+      imports: [CardModule, CardExampleModule],
+    }),
+  ],
 };
 export default meta;
 type Story = StoryObj<CardComponent>;
@@ -25,3 +32,9 @@ export const Default: Story = {
       </kirby-card>`,
   }),
 };
+
+export const CookbookExamples: Story = {
+  render: () => ({
+    template: `<cookbook-card-example></cookbook-card-example>`,
+  }),
+};