1 files changed, 31 insertions, 0 deletions
diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts
new file mode 100644
index 00000000..49f51ce1
--- /dev/null
+++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts
@@ -0,0 +1,31 @@
+import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';
+
+@Component({
+  selector: 'rdp-button',
+  styleUrls: ['./rdp-button.component.css'],
+  template: `
+    <button type="button" class="btn btn-primary" (click)="emitClickEvent()" [disabled]="isDisabled">{{text}}</button>
+  `
+})
+export class RdpButtonComponent implements OnInit {
+
+  @Output() rdpClick = new EventEmitter<any>();
+  @Input() isDisabled:boolean = false;
+  @Input() text = "Button Name";
+  
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  emitClickEvent(){
+    this.rdpClick.emit();
+  }
+
+
+// Usage Example 1: 
+// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=true ></rdp-button>
+// Example 2:
+// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=false ></rdp-button>
+
+}