Update modal.component.ts

Author: Blackbaud-PaulCrowder

libs/components/code-examples/src/lib/modules/modals/modal/with-banner/modal.component.ts

@@ -7,15 +7,15 @@ import { SkyModalInstance, SkyModalModule } from '@skyux/modals';
   template: `
     <sky-modal
       headingHidden
-      headingText="New feature: modal with banner support"
+      headingText="New feature: Modal with banner support"
     >
       <sky-modal-banner
         imageSrc="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM4MCIgdmlld0JveD0iMCAwIDYwMCAzODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSI2MDAiIGhlaWdodD0iMzgwIiBmaWxsPSIjRENGNkY1Ii8+CjxyZWN0IHg9IjQyIiB5PSI0NiIgd2lkdGg9IjE0MCIgaGVpZ2h0PSIxNDAiIGZpbGw9IiNERUJERkEiLz4KPHJlY3QgeD0iMjMwIiB5PSIxOTQiIHdpZHRoPSIxNDAiIGhlaWdodD0iMTQwIiByeD0iNzAiIGZpbGw9IiM2MEQ1RDIiLz4KPHBhdGggZD0iTTQ3OCA3OEw1NDcuMjgyIDE5OEg0MDguNzE4TDQ3OCA3OFoiIGZpbGw9IiM2NkUyRkYiLz4KPC9zdmc+Cg=="
       />
       <sky-modal-content>
-        <div class="sky-font-display-1 sky-margin-stacked-sm">
+        <h2 class="sky-font-display-1 sky-margin-stacked-sm">
           Modal with banner support
-        </div>
+        </h2>
         <div class="awareness-modal-body sky-font-body-lg">
           Modals can now display a banner that extends the full width of the
           modal without any padding or margin!