chore(storybook): add notification example to show bold text and link…

…s EBS-1441 (#228)

* chore(storybook): add notification example to show bold text and links EBS-1441

* chore(storybook): add notification example to show bold text and links EBS-1441

---------

Co-authored-by: Vanessa.Jalakas <vanessa.jalakas@nortal.ee>

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,12 @@ 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>',
+  },
+};