diff --git a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml
index 11464b53cc..7c87bca7fc 100644
--- a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml
+++ b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml
@@ -12,7 +12,7 @@
 
 <div class="demo-with-code">
     <div class="demo-area">
-        <abp-button>Default</abp-button>
+        <abp-button text="Default"/>
         <abp-button button-type="Primary">Primary</abp-button>
         <abp-button button-type="Secondary">Secondary</abp-button>
         <abp-button button-type="Success">Success</abp-button>
@@ -25,7 +25,7 @@
     </div>
     <div class="code-area">
         <pre>
-&lt;abp-button&gt;Default&lt;/abp-button&gt;
+&lt;abp-button text=&quot;Default&quot;/&gt;
 &lt;abp-button button-type="Primary"&gt;Primary&lt;/abp-button&gt;
 &lt;abp-button button-type="Secondary"&gt;Secondary&lt;/abp-button&gt;
 &lt;abp-button button-type="Success"&gt;Success&lt;/abp-button&gt;
@@ -44,7 +44,7 @@
 <div class="demo-with-code">
     <div class="demo-area">
         <a abp-button="Primary" href="#">Link</a>
-        <abp-button button-type="Primary" type="submit">Button</abp-button>
+        <abp-button button-type="Primary" type="submit" text="Button"/>
         <input abp-button="Primary" value="Input" />
         <input abp-button="Primary" type="submit" value="Submit" />
         <input abp-button="Primary" type="reset" value="Reset" />
@@ -52,10 +52,51 @@
     <div class="code-area">
         <pre>
 &lt;a abp-button="Primary" href="#"&gt;Link&lt;/a&gt;
-&lt;abp-button button-type="Primary" type="submit"&gt;Button&lt;/abp-button&gt;
+&lt;abp-button button-type=&quot;Primary&quot; type=&quot;submit&quot; text=&quot;Button&quot;/&gt;
 &lt;input abp-button="Primary" value="Input" /&gt;
 &lt;input abp-button="Primary" type="submit" value="Submit" /&gt;
 &lt;input abp-button="Primary" type="reset" value="Reset" /&gt;
+</pre>
+    </div>
+</div>
+
+<h4># Example</h4>
+
+<div class="demo-with-code">
+    <div class="demo-area">
+        <abp-button size="Large" text="Large"/>
+        <abp-button size="Small" text="Small"/>
+    </div>
+    <div class="code-area">
+        <pre>
+&lt;abp-button size=&quot;Large&quot; text=&quot;Large&quot;/&gt;
+&lt;abp-button size=&quot;Small&quot; text=&quot;Small&quot;/&gt;
+</pre>
+    </div>
+</div>
+
+<h4># Example</h4>
+
+<div class="demo-with-code">
+    <div class="demo-area">
+        <abp-button icon-type="FontAwesome" icon="info" text="With Icon"/>
+    </div>
+    <div class="code-area">
+        <pre>
+&lt;abp-button icon-type=&quot;FontAwesome&quot; icon=&quot;info&quot; text=&quot;With Icon&quot;/&gt;
+</pre>
+    </div>
+</div>
+
+<h4># Example</h4>
+
+<div class="demo-with-code">
+    <div class="demo-area">
+        <abp-button text="Busy" busy-text="Saving..."/>
+    </div>
+    <div class="code-area">
+        <pre>
+&lt;abp-button text=&quot;Busy&quot; busy-text=&quot;Saving...&quot;/&gt;
 </pre>
     </div>
 </div>
\ No newline at end of file