From f4101b580fa157b0bdfdf5fb6c4d2622ac6dbec8 Mon Sep 17 00:00:00 2001
From: "Vanessa.Jalakas" <vanessa.jalakas@nortal.ee>
Date: Wed, 5 Jun 2024 09:45:30 +0300
Subject: [PATCH 1/2] chore(storybook): add notification example to show bold
 text and links EBS-1441

---
 .../notification.component.stories.ts         | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/libs/ui/src/lib/notification/notification.component.stories.ts b/libs/ui/src/lib/notification/notification.component.stories.ts
index 9ad833e0..0d956d6c 100644
--- a/libs/ui/src/lib/notification/notification.component.stories.ts
+++ b/libs/ui/src/lib/notification/notification.component.stories.ts
@@ -35,6 +35,24 @@ export const Default = {
   }),
 };
 
+export const HtmlSection = {
+  render: (args: NotificationComponent) => ({
+    props: args,
+    /* template */
+    template: `
+      <cvi-ng-notification [severity]="severity"
+                           [size]="size"
+                           [showIcon]="showIcon"
+                           [showCloseButton]="showCloseButton"
+                           [title]="title"
+                           [iconName]="iconName"
+      >
+      <cvi-ng-html-section html="{{content}}"></cvi-ng-html-section>
+      </cvi-ng-notification>
+    `,
+  }),
+};
+
 export const Success = {
   ...Default,
   args: { severity: 'success' },
@@ -73,3 +91,11 @@ export const WithCompactSizeAndCustomIcon = {
     iconName: 'check_circle_outline',
   },
 };
+export const WithBoldTextAndLink = {
+  ...HtmlSection,
+  args: {
+    severity: 'neutral',
+    size: 'compact',
+    content: "<b>Bold text</b> and link <a href=\"https://www.jenkins.io/\" target=\"_blank\" class=\"external-link\">Click here</a>"
+  },
+};

From 766be5fc89575caa0d6656341de2bd39d1475e3a Mon Sep 17 00:00:00 2001
From: "Vanessa.Jalakas" <vanessa.jalakas@nortal.ee>
Date: Wed, 5 Jun 2024 09:46:50 +0300
Subject: [PATCH 2/2] chore(storybook): add notification example to show bold
 text and links EBS-1441

---
 libs/ui/src/lib/notification/notification.component.stories.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/libs/ui/src/lib/notification/notification.component.stories.ts b/libs/ui/src/lib/notification/notification.component.stories.ts
index 0d956d6c..b718bfe6 100644
--- a/libs/ui/src/lib/notification/notification.component.stories.ts
+++ b/libs/ui/src/lib/notification/notification.component.stories.ts
@@ -96,6 +96,7 @@ export const WithBoldTextAndLink = {
   args: {
     severity: 'neutral',
     size: 'compact',
-    content: "<b>Bold text</b> and link <a href=\"https://www.jenkins.io/\" target=\"_blank\" class=\"external-link\">Click here</a>"
+    content:
+      '<b>Bold text</b> and link <a href="https://www.jenkins.io/" target="_blank" class="external-link">Click here</a>',
   },
 };