diff --git a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml
index 63cf0174e7..71b0317dad 100644
--- a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml
+++ b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml
@@ -49,6 +49,40 @@
         <input abp-button="Primary" type="submit" value="Submit" />
         <input abp-button="Primary" type="reset" value="Reset" />
     </div>
+    <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;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">
+        <div class="btn-group btn-group-toggle" data-toggle="buttons">
+            <label class="btn btn-secondary active">
+                <input type="radio" name="options" value="option1" autocomplete="off" checked> Active
+            </label>
+            <label class="btn btn-secondary">
+                <input type="radio" name="options" value="option2" autocomplete="off"> Radio
+            </label>
+            <label class="btn btn-secondary">
+                <input type="radio" name="options" value="option3" autocomplete="off"> Radio
+            </label>
+        </div>
+        
+        @*<abp-option-group name="ReportPeriod">
+            <abp-option value="Daily" is-selected="true">Daily</abp-option>
+            <abp-option value="Weekly">Weekly</abp-option>
+            <abp-option value="Monthly">Monthly</abp-option>
+        </abp-option-group>*@
+
+    </div>
     <div class="code-area">
         <pre></pre>
     </div>