added outline option for abp-button tag helper

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Button/AbpButtonTagHelper.cs

@@ -26,3 +26,4 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Button
         }
     }
 }
+

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Button/AbpButtonTagHelperServiceBase.cs

@@ -26,7 +26,7 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Button
 
             if (TagHelper.ButtonType != AbpButtonType.Default)
             {
-                output.Attributes.AddClass("btn-" + TagHelper.ButtonType.ToString().ToLowerInvariant());
+                output.Attributes.AddClass("btn-" + TagHelper.ButtonType.ToString().ToLowerInvariant().Replace("_","-"));
             }
 
             if (TagHelper.Size != AbpButtonSize.Default)

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Button/AbpButtonType.cs

@@ -11,6 +11,14 @@
         Info,
         Light,
         Dark,
+        Outline_Primary,
+        Outline_Secondary,
+        Outline_Success,
+        Outline_Danger,
+        Outline_Warning,
+        Outline_Info,
+        Outline_Light,
+        Outline_Dark,
         Link
     }
 }

framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml

@@ -47,6 +47,33 @@
 
 <h4># Example</h4>
 
+<div class="demo-with-code">
+    <div class="demo-area">
+        <abp-button button-type="Outline_Primary">Primary</abp-button>
+        <abp-button button-type="Outline_Secondary">Secondary</abp-button>
+        <abp-button button-type="Outline_Success">Success</abp-button>
+        <abp-button button-type="Outline_Danger">Danger</abp-button>
+        <abp-button button-type="Outline_Warning">Warning</abp-button>
+        <abp-button button-type="Outline_Info">Info</abp-button>
+        <abp-button button-type="Outline_Light">Light</abp-button>
+        <abp-button button-type="Outline_Dark">Dark</abp-button>
+    </div>
+    <div class="code-area">
+        <pre>
+&lt;abp-button button-type="Outline_Primary"&gt;Primary&lt;/abp-button&gt;
+&lt;abp-button button-type="Outline_Secondary"&gt;Secondary&lt;/abp-button&gt;
+&lt;abp-button button-type="Outline_Success"&gt;Success&lt;/abp-button&gt;
+&lt;abp-button button-type="Outline_Danger"&gt;Danger&lt;/abp-button&gt;
+&lt;abp-button button-type="Outline_Warning"&gt;Warning&lt;/abp-button&gt;
+&lt;abp-button button-type="Outline_Info"&gt;Info&lt;/abp-button&gt;
+&lt;abp-button button-type="Outline_Light"&gt;Light&lt;/abp-button&gt;
+&lt;abp-button button-type="Outline_Dark"&gt;Dark&lt;/abp-button&gt;
+</pre>
+    </div>
+</div>
+
+<h4># Example</h4>
+
 <div class="demo-with-code">
     <div class="demo-area" style="margin: 35px;">
         <a abp-button="Primary" href="#">Link</a>