diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Markdowns.razor b/src/BootstrapBlazor.Shared/Pages/Samples/Markdowns.razor
index 0186b94a332490329574be99664215dd2eb80bd0..4a59068b3cb0415ae6e83eb37b7bc77b1cdc9a7b 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/Markdowns.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Markdowns.razor
@@ -52,6 +52,11 @@
     </div>
 </Block>
 
+<Block Title="异步加载数据" Introduction="通过 <code>Webapi</code> 获得 <code>Markdown</code> 显示内容">
+    <Button Text="加载" IsAsync="true" OnClick="GetAsyncString" Icon="fa fa-fa" />
+    <Markdown @bind-Value="@AsyncValue"></Markdown>
+</Block>
+
 <Block Title="常用属性" Introduction="更改默认参数">
     <p>设置 <code>Markdown</code> 编辑器最小高度 <code>300px</code>，默认高度 <code>500px</code>，提示信息这是 <code>Markdown</code>，<code>Tab</code> 方式显示，默认显示所见即所得页面</p>
     <Markdown Height="500" MinHeight="300" Placeholder="这是 Markdown" PreviewStyle="PreviewStyle.Tab" InitialEditType="InitialEditType.Wysiwyg" Language="@Language"></Markdown>
diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Markdowns.razor.cs b/src/BootstrapBlazor.Shared/Pages/Samples/Markdowns.razor.cs
index 7cc812c64d21dea31b7e34e6ad06e70f62745e99..93375e963c4dfcbbe630b9cbb3a5d6febe813893 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/Markdowns.razor.cs
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Markdowns.razor.cs
@@ -3,6 +3,7 @@
 // Website: https://www.blazor.zone or https://argozhang.github.io/
 
 using BootstrapBlazor.Shared.Common;
+using System;
 using System.Collections.Generic;
 using System.Globalization;
 using System.Threading.Tasks;
@@ -25,6 +26,8 @@ namespace BootstrapBlazor.Shared.Pages
 
         private string? Language { get; set; }
 
+        private string? AsyncValue { get; set; }
+
         /// <summary>
         /// OnInitializedAsync 方法
         /// </summary>
@@ -36,6 +39,12 @@ namespace BootstrapBlazor.Shared.Pages
             Version = await VersionManager.GetVersionAsync("bootstrapblazor.markdown");
         }
 
+        private async Task GetAsyncString()
+        {
+            await Task.Delay(600);
+            AsyncValue = $"### {DateTime.Now}";
+        }
+
         private static IEnumerable<AttributeItem> GetAttributes() => new AttributeItem[]
         {
             new AttributeItem(){