Add examples with custom html and links for each variant

src/govuk/components/notification-banner/notification-banner.yaml

@@ -55,15 +55,25 @@ examples:
 - name: with text as html
   data:
     html: |
-      <h3 class="govuk-heading-m">This publication was withdrawn on 7 March 2014</h3><p>Archived and replaced by the <a href="#">new planning guidance</a> launched 6 March 2014 on an external website</p>
+      <h3 class="govuk-heading-m">This publication was withdrawn on 7 March 2014</h3><p>Archived and replaced by the <a href="#" class="govuk-notification-banner__link">new planning guidance</a> launched 6 March 2014 on an external website</p>
 - name: with type as success
   data:
     type: success
     text: Email sent to [email protected]
+- name: success with custom html
+  data:
+    type: success
+    html: |
+      <h3 class="govuk-heading-m">4 files uploaded</h3><ul class="govuk-!-margin-0 govuk-list"><li><a href="#" class="govuk-notification-banner__link govuk-notification-banner__link--success">government-strategy.pdf</a></li><li><a href="#" class="govuk-notification-banner__link govuk-notification-banner__link--success">government-strategy-v1.pdf</a></li></ul>
 - name: with type as error
   data:
     type: error
     text: There was a problem uploading your file. Please try again.
+- name: error with custom html
+  data:
+    type: error
+    html: |
+      <p class="govuk-!-margin-0 govuk-heading-m">There was a problem uploading your file. <a href="#" class="govuk-notification-banner__link govuk-notification-banner__link--error">Please try again.</a></p>
 - name: with a list
   data:
     html: |