From 0b6af73435e1f8afc17c50f5312b36f08841500f Mon Sep 17 00:00:00 2001
From: Will Martin <contact@willmartian.com>
Date: Fri, 8 Dec 2023 11:49:20 -0500
Subject: [PATCH] [CL-149] add stacked banner story (#7106)

---
 libs/components/src/banner/banner.stories.ts | 33 ++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/libs/components/src/banner/banner.stories.ts b/libs/components/src/banner/banner.stories.ts
index 97371153d7..f265c1eccf 100644
--- a/libs/components/src/banner/banner.stories.ts
+++ b/libs/components/src/banner/banner.stories.ts
@@ -90,3 +90,36 @@ export const HideClose: Story = {
     showClose: false,
   },
 };
+
+export const Stacked: Story = {
+  args: {},
+  render: (args: BannerComponent) => ({
+    props: args,
+    template: `
+      <bit-banner bannerType="premium" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="premium" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="warning" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="warning" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="danger" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="danger" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="info" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="info" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      `,
+  }),
+};