From 66d9dfe56d4cc2834f4244ea1c81414927e102bb Mon Sep 17 00:00:00 2001
From: agonzalez97 <aidamaria.gonzalez@dxc.com>
Date: Thu, 31 Mar 2022 17:00:26 +0200
Subject: [PATCH] [Minor] Added prop type in button component

---
 .../button-table-properties.component.html            |  7 +++++++
 .../src/lib/dxc-button/dxc-button.component.html      | 11 +++++++++--
 .../src/lib/dxc-button/dxc-button.component.ts        |  4 ++++
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/button/properties/button-table-properties/button-table-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/button/properties/button-table-properties/button-table-properties.component.html
index a97fb1aa5..f9b97e921 100644
--- a/projects/dxc-ngx-cdk-site/src/app/components/examples/button/properties/button-table-properties/button-table-properties.component.html
+++ b/projects/dxc-ngx-cdk-site/src/app/components/examples/button/properties/button-table-properties/button-table-properties.component.html
@@ -17,6 +17,13 @@
     </td>
     <td>Uses on of the available button modes.</td>
   </tr>
+  <tr>
+    <td>type: 'button' | 'reset' | 'submit'</td>
+    <td>
+      <code>'button'</code>
+    </td>
+    <td>This prop corresponds to the 'type' prop of the button in html.</td>
+  </tr>
   <tr>
     <td>label: string</td>
     <td></td>
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-button/dxc-button.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-button/dxc-button.component.html
index f7845293c..b3e801353 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-button/dxc-button.component.html
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-button/dxc-button.component.html
@@ -1,5 +1,12 @@
-<button class="dxcButton" disableRipple mat-button [disabled]="disabled" (click)="onClickHandler($event)"
-  [tabindex]="disabled ? -1 : tabIndexValue">
+<button
+  class="dxcButton"
+  [type]="type"
+  disableRipple
+  mat-button
+  [disabled]="disabled"
+  (click)="onClickHandler($event)"
+  [tabindex]="disabled ? -1 : tabIndexValue"
+>
   <img src="{{ iconSrc }}" *ngIf="iconSrc" />
   <ng-content select="dxc-button-icon"></ng-content>
   <span *ngIf="label">{{ label }}</span>
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-button/dxc-button.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-button/dxc-button.component.ts
index 34bbf6033..f3ae9ca69 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-button/dxc-button.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-button/dxc-button.component.ts
@@ -78,6 +78,10 @@ export class DxcButtonComponent {
    * Size of the component.
    */
   @Input() size: Size = "fitContent";
+  /**
+   * This prop corresponds to the 'type' prop of the button in html.
+   */
+  @Input() type: "reset" | "submit" | "button" = "button";
   /**
    * Value of the tabindex attribute.
    */