doc: 更新示例文档

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/SmilesDrawers.razor

@@ -10,11 +10,14 @@
 <DemoBlock Title="@Localizer["SmilesDrawerNormalTitle"]"
            Introduction="@Localizer["SmilesDrawerNormalIntro"]"
            Name="Normal">
-    <SmilesDrawer SmilesValue="CC(=O)Oc1ccccc1C(=O)O"></SmilesDrawer>
+    <SmilesDrawer Smiles="CC(=O)Oc1ccccc1C(=O)O"></SmilesDrawer>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["SmilesDrawerSizeTitle"]"
            Introduction="@Localizer["SmilesDrawerSizeIntro"]"
            Name="Size">
-    <SmilesDrawer SmilesValue="CC(=O)Oc1ccccc1C(=O)O" Theme="light" Width="120" Height="120"></SmilesDrawer>
+    <section ignore>
+        <Button Text="Update Size" OnClick="OnClickUpdateSize"></Button>
+    </section>
+    <SmilesDrawer Smiles="CC(=O)Oc1ccccc1C(=O)O" Options="_options"></SmilesDrawer>
 </DemoBlock>

src/BootstrapBlazor.Server/Components/Samples/SmilesDrawers.razor.cs

@@ -10,5 +10,10 @@ namespace BootstrapBlazor.Server.Components.Samples;
 /// </summary>
 public partial class SmilesDrawers
 {
+    private SmilesDrawerOptions _options = new() { Theme = "light", Width = 120, Height = 120 };
 
+    private void OnClickUpdateSize()
+    {
+        _options = new SmilesDrawerOptions { Theme = "light", Width = 200, Height = 200 };
+    }
 }