diff --git a/src/modal/alert-modal.component.ts b/src/modal/alert-modal.component.ts index fd5aae97f9..6c4b06a81d 100644 --- a/src/modal/alert-modal.component.ts +++ b/src/modal/alert-modal.component.ts @@ -58,7 +58,7 @@ import Modal from "./modal.decorator"; @Component({ selector: "ibm-alert-modal", template: ` - +

{{modalLabel}}

{{modalTitle}}

diff --git a/src/modal/modal-footer.component.ts b/src/modal/modal-footer.component.ts index a5e09c248b..04dc058c05 100644 --- a/src/modal/modal-footer.component.ts +++ b/src/modal/modal-footer.component.ts @@ -8,7 +8,7 @@ import { Component } from "@angular/core"; @Component({ selector: "ibm-modal-footer", template: ` -
+
` diff --git a/src/modal/modal-header.component.ts b/src/modal/modal-header.component.ts index c92d05ef9a..7747317017 100644 --- a/src/modal/modal-header.component.ts +++ b/src/modal/modal-header.component.ts @@ -18,7 +18,7 @@ import { Component, Output, EventEmitter, Input } from "@angular/core"; @Component({ selector: "ibm-modal-header", template: ` -
+
diff --git a/src/modal/modal.component.ts b/src/modal/modal.component.ts index 9981d592c2..e6db7b0694 100644 --- a/src/modal/modal.component.ts +++ b/src/modal/modal.component.ts @@ -90,10 +90,11 @@ import { cycleTabs } from "./../common/tab.service";
@@ -125,6 +126,13 @@ export class ModalComponent implements AfterViewInit, OnInit, OnDestroy { * @memberof ModalComponent */ @Input() modalType = "default"; + + /** + * Label for the modal. + * @memberof ModalComponent + */ + @Input() modalLabel = "default"; + /** * Emits event when click occurs within `n-overlay` element. This is to track click events occuring outside bounds of the `Modal` object. * @memberof ModalComponent