doc(Icon): add Icon sample code (#5278)

* chore: 更新依赖包

* doc: 增加图标示例代码

Author: ArgoZhang

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -20,7 +20,7 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="BootstrapBlazor.AntDesignIcon" Version="9.0.0" />
+    <PackageReference Include="BootstrapBlazor.AntDesignIcon" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.AzureOpenAI" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.AzureTranslator" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.BaiduSpeech" Version="9.0.0" />
@@ -33,22 +33,22 @@
     <PackageReference Include="BootstrapBlazor.Dock" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.DockView" Version="9.0.3" />
     <PackageReference Include="BootstrapBlazor.DriverJs" Version="9.0.0" />
-    <PackageReference Include="BootstrapBlazor.ElementIcon" Version="9.0.0" />
+    <PackageReference Include="BootstrapBlazor.ElementIcon" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.FileViewer" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.FontAwesome" Version="9.0.2" />
     <PackageReference Include="BootstrapBlazor.Gantt" Version="9.0.2" />
     <PackageReference Include="BootstrapBlazor.Holiday" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.Html2Pdf" Version="9.0.1" />
-    <PackageReference Include="BootstrapBlazor.IconPark" Version="9.0.0" />
+    <PackageReference Include="BootstrapBlazor.IconPark" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.ImageCropper" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.Live2DDisplay" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.Markdown" Version="9.0.1" />
-    <PackageReference Include="BootstrapBlazor.MaterialDesign" Version="9.0.0" />
+    <PackageReference Include="BootstrapBlazor.MaterialDesign" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.MeiliSearch" Version="9.1.7" />
     <PackageReference Include="BootstrapBlazor.Mermaid" Version="9.0.3" />
     <PackageReference Include="BootstrapBlazor.MindMap" Version="9.1.3" />
     <PackageReference Include="BootstrapBlazor.MouseFollower" Version="9.0.1" />
-    <PackageReference Include="BootstrapBlazor.OctIcon" Version="9.0.0" />
+    <PackageReference Include="BootstrapBlazor.OctIcon" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.PdfReader" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.Player" Version="9.0.0" />

src/BootstrapBlazor.Server/Components/Samples/Icons/AntDesignIcons.razor

@@ -22,6 +22,10 @@
 
 <Pre>&lt;link href="_content/BootstrapBlazor.AntDesignIcon/BootstrapBlazor.AntDesignIcon.bundle.scp.css" rel="stylesheet"&gt;</Pre>
 
-<Pre>&lt;AntDesignIcon Category="AntDesignIconCategory.Outlined" Name="account-book"&gt;&lt;AntDesignIcon&gt;</Pre>
+<div class="mb-2">
+    <AntDesignIcon Category="AntDesignIconCategory.Outlined" Name="github"></AntDesignIcon>
+</div>
+
+<Pre>&lt;AntDesignIcon Category="AntDesignIconCategory.Outlined" Name="github"&gt;&lt;/AntDesignIcon&gt;</Pre>
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>

src/BootstrapBlazor.Server/Components/Samples/Icons/BootstrapIcons.razor

@@ -14,6 +14,10 @@
 
 <Pre>&lt;link href="_content/BootstrapBlazor.BootstrapIcon/css/bootstrap.min.css" rel="stylesheet"&gt;</Pre>
 
-<Pre>&lt;i class="bi bi-save"&gt;&lt;/i&gt;</Pre>
+<div class="mb-2">
+    <i class="bi bi-github"></i>
+</div>
+
+<Pre>&lt;i class="bi bi-github"&gt;&lt;/i&gt;</Pre>
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>

src/BootstrapBlazor.Server/Components/Samples/Icons/ElementIcons.razor

@@ -22,6 +22,10 @@
 
 <Pre>&lt;link href="_content/BootstrapBlazor.ElementIcon/BootstrapBlazor.ElementIcon.bundle.scp.css" rel="stylesheet"&gt;</Pre>
 
-<Pre>&lt;ElementIcon Name="add-location"&gt;&lt;ElementIcon&gt;</Pre>
+<div class="mb-2">
+    <ElementIcon Name="upload-filled"></ElementIcon>
+</div>
+
+<Pre>&lt;ElementIcon Name="upload-filled"&gt;&lt;/ElementIcon&gt;</Pre>
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>

src/BootstrapBlazor.Server/Components/Samples/Icons/FAIcons.razor

@@ -14,6 +14,10 @@
 
 <Pre>&lt;link href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" rel="stylesheet"&gt;</Pre>
 
-<Pre>&lt;i class="fa-solid fa-home"&gt;&lt;/i&gt;</Pre>
+<div class="mb-2">
+    <i class="fa-brands fa-github"></i>
+</div>
+
+<Pre>&lt;i class="fa-brands fa-github"&gt;&lt;/i&gt;</Pre>
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>

src/BootstrapBlazor.Server/Components/Samples/Icons/IconParks.razor

@@ -22,6 +22,10 @@
 
 <Pre>&lt;link href="_content/BootstrapBlazor.IconPark/BootstrapBlazor.IconPark.bundle.scp.css" rel="stylesheet"&gt;</Pre>
 
-<Pre>&lt;ByteDanceIcon Name="abdominal"&gt;&lt;ByteDanceIcon&gt;</Pre>
+<div class="mb-2">
+    <ByteDanceIcon Name="github"></ByteDanceIcon>
+</div>
+
+<Pre>&lt;ByteDanceIcon Name="github"&gt;&lt;/ByteDanceIcon&gt;</Pre>
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>

src/BootstrapBlazor.Server/Components/Samples/Icons/MaterialDesignIcons.razor

@@ -14,6 +14,10 @@
 
 <Pre>&lt;link href="_content/BootstrapBlazor.MaterialDesign/css/md.min.css" rel="stylesheet"&gt;</Pre>
 
-<Pre>&lt;i class="mdi mdi-ab-testing"&gt;&lt;/i&gt;</Pre>
+<div class="mb-2">
+    <i class="mdi mdi-github"></i>
+</div>
+
+<Pre>&lt;i class="mdi mdi-github"&gt;&lt;/i&gt;</Pre>
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>

src/BootstrapBlazor.Server/Components/Samples/Icons/OctIcons.razor

@@ -22,6 +22,10 @@
 
 <Pre>&lt;link href="_content/BootstrapBlazor.OctIcon/BootstrapBlazor.OctIcon.bundle.scp.css" rel="stylesheet"&gt;</Pre>
 
-<Pre>&lt;OctIcon Name="accessibility-16"&gt;&lt;OctIcon&gt;</Pre>
+<div class="mb-2">
+    <OctIcon Name="mark-github-16"></OctIcon>
+</div>
+
+<Pre>&lt;OctIcon Name="mark-github-16"&gt;&lt;/OctIcon&gt;</Pre>
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>