diff --git a/src/BootstrapBlazor.Server/Components/Samples/UniverSheets.razor b/src/BootstrapBlazor.Server/Components/Samples/UniverSheets.razor
index bec2bafe04f..c0f56b42a13 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/UniverSheets.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/UniverSheets.razor
@@ -1,4 +1,4 @@
-@page "/univer-sheet"
+@page "/univer-sheet"
 @inherits WebSiteModuleComponentBase
 @attribute [JSModuleAutoLoader("Samples/UniverSheets.razor.js")]
 
@@ -13,11 +13,12 @@
            Name="Normal">
     <section ignore>
         <p>@((MarkupString)Localizer["NormalDesc1"].Value)</p>
+        <p>@((MarkupString)Localizer["NormalDescRibbonType"].Value)</p>
         <Button OnClickWithoutRender="OnPushExcelData" Text="@Localizer["PushButtonText"]"></Button>
         <Button OnClickWithoutRender="OnSaveExcelData" Text="@Localizer["SaveButtonText"]"></Button>
     </section>
     <div class="bb-sheet-demo">
-        <UniverSheet @ref="_sheetExcel" OnReadyAsync="OnReadyAsync"></UniverSheet>
+        <UniverSheet @ref="_sheetExcel" OnReadyAsync="OnReadyAsync" RibbonType="UniverSheetRibbonType.Default"></UniverSheet>
     </div>
     <section ignore>
         <Textarea rows="3" readonly Value="@_jsonData"></Textarea>
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
index 080aac66f8a..cb67648babe 100644
--- a/src/BootstrapBlazor.Server/Locales/en-US.json
+++ b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -7011,6 +7011,7 @@
     "NormalIntro": "Set your own plugins by setting the <code>Plugins</code> parameter",
     "NormalDesc1": "Push data to the spreadsheet by calling the instance method <code>PushDataAsync</code>. Click the <b>Save Data</b> button to get the serialized data of the table data",
     "NormalDesc2": "Click the <b>Push Data</b> button to push data to the table, and click the first icon on the <b>Toolbar</b> to get data from the server.",
+    "NormalDescRibbonType": "Set the toolbar style using the parameter <code>RibbonType</code>.",
     "PushButtonText": "Push",
     "SaveButtonText": "Save",
     "ToastOnReadyTitle": "Notification",
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
index 4f4bf8b06a6..37b49209e86 100644
--- a/src/BootstrapBlazor.Server/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -7011,6 +7011,7 @@
     "NormalIntro": "通过调用实例方法 <code>PushDataAsync</code> 推送数据到电子表格",
     "NormalDesc1": "点击 <b>推送数据</b> 按钮主动将数据推送给表格，点击 <b>保存数据</b> 按钮获得表格数据序列化的数据",
     "NormalDesc2": "点击 <b>推送数据</b> 按钮主动将数据推送给表格，点击 <b>工具栏</b> 第一个小按钮主动从服务器端获取数据",
+    "NormalDescRibbonType": "通过参数 <code>RibbonType</code> 设置工具栏样式",
     "PushButtonText": "推送数据",
     "SaveButtonText": "保存数据",
     "ToastOnReadyTitle": "组件通知",