Allow to specify type on MatIconButton. Fixes #315

peterblazejewicz · peterblazejewicz · commit ad9a45df3a67 · 2019-10-30T20:39:16.000+01:00
- Material icon button changes
- set type in Material autocomplete

Thanks!
diff --git a/src/MatBlazor/Components/MatAutocomplete/MatAutocomplete.razor b/src/MatBlazor/Components/MatAutocomplete/MatAutocomplete.razor
@@ -9,7 +9,7 @@
     @if (IsShowingClearButton)
     {
         <div class="mat-autocomplete-clearbutton">
-            <MatIconButton Icon="clear" OnMouseDown="@ClearText"></MatIconButton>
+            <MatIconButton Type="button" Icon="clear" OnMouseDown="@ClearText"></MatIconButton>
         </div>
     }
     @if (Collection != null && IsOpened)
diff --git a/src/MatBlazor/Components/MatIconButton/BaseMatIconButton.cs b/src/MatBlazor/Components/MatIconButton/BaseMatIconButton.cs
@@ -47,6 +47,13 @@ protected bool Toggled
             }
         }
 
+        /// <summary>
+        /// The default behavior of the button. Possible values are:
+        /// "button", "reset", "submit"
+        /// </summary>
+        [Parameter]
+        public string Type { get; set; }
+
         /// <summary>
         /// Navigate to this url when clicked.
         /// </summary>
diff --git a/src/MatBlazor/Components/MatIconButton/MatIconButton.razor b/src/MatBlazor/Components/MatIconButton/MatIconButton.razor
@@ -1,7 +1,7 @@
 ﻿@namespace MatBlazor
 @inherits BaseMatIconButton
 
-<button class="@ClassMapper.Class" style="@Style" @ref="Ref"  disabled=@Disabled @onclick="OnClickHandler" @onmousedown="OnMouseDown" href=@Link @attributes="Attributes" Id="@Id">
+<button class="@ClassMapper.Class" type=@Type style="@Style" @ref="Ref"  disabled=@Disabled @onclick="OnClickHandler" @onmousedown="OnMouseDown" href=@Link @attributes="Attributes" Id="@Id">
     @if (Icon != null)
     {
         @if (ToggleIcon != null && Toggled)
diff --git a/src/MatBlazor/MatBlazor.xml b/src/MatBlazor/MatBlazor.xml

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`	`@if (IsShowingClearButton)`
`10`	`10`	`{`
`11`	`11`	`<div class="mat-autocomplete-clearbutton">`
`12`		`- <MatIconButton Icon="clear" OnMouseDown="@ClearText"></MatIconButton>`
	`12`	`+ <MatIconButton Type="button" Icon="clear" OnMouseDown="@ClearText"></MatIconButton>`
`13`	`13`	`</div>`
`14`	`14`	`}`
`15`	`15`	`@if (Collection != null && IsOpened)`
Original file line number	Diff line number	Diff line change
`@@ -47,6 +47,13 @@ protected bool Toggled`
`47`	`47`	`}`
`48`	`48`	`}`
`49`	`49`
	`50`	`+ /// <summary>`
	`51`	`+ /// The default behavior of the button. Possible values are:`
	`52`	`+ /// "button", "reset", "submit"`
	`53`	`+ /// </summary>`
	`54`	`+ [Parameter]`
	`55`	`+ public string Type { get; set; }`
	`56`	`+`
`50`	`57`	`/// <summary>`
`51`	`58`	`/// Navigate to this url when clicked.`
`52`	`59`	`/// </summary>`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`@namespace MatBlazor`
`2`	`2`	`@inherits BaseMatIconButton`
`3`	`3`
`4`		`-<button class="@ClassMapper.Class" style="@Style" @ref="Ref" disabled=@Disabled @onclick="OnClickHandler" @onmousedown="OnMouseDown" href=@Link @attributes="Attributes" Id="@Id">`
	`4`	`+<button class="@ClassMapper.Class" type=@Type style="@Style" @ref="Ref" disabled=@Disabled @onclick="OnClickHandler" @onmousedown="OnMouseDown" href=@Link @attributes="Attributes" Id="@Id">`
`5`	`5`	`@if (Icon != null)`
`6`	`6`	`{`
`7`	`7`	`@if (ToggleIcon != null && Toggled)`