diff --git a/src/BootstrapBlazor.Server/Components/Samples/Alerts.razor b/src/BootstrapBlazor.Server/Components/Samples/Alerts.razor
index 63dba9bc495..d0e14f9e069 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Alerts.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Alerts.razor
@@ -1,4 +1,4 @@
-@page "/alert"
+@page "/alert"
 
 <h3>@Title</h3>
 
@@ -66,6 +66,6 @@
     </Alert>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Alert)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/AnchorLinks.razor b/src/BootstrapBlazor.Server/Components/Samples/AnchorLinks.razor
index 271ef1d152d..448d40db101 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/AnchorLinks.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/AnchorLinks.razor
@@ -1,4 +1,4 @@
-@page "/anchor-link"
+@page "/anchor-link"
 
 <h3>@Localizer["AnchorLinkTitle"]</h3>
 
@@ -14,4 +14,4 @@
     <div>@((MarkupString)Localizer["AnchorLinkTips5"].Value)</div>
 </Tips>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(AnchorLink)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Anchors.razor b/src/BootstrapBlazor.Server/Components/Samples/Anchors.razor
index 16c17af06a8..ff3eb3d3aae 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Anchors.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Anchors.razor
@@ -1,4 +1,4 @@
-@page "/anchor"
+@page "/anchor"
 
 <h3>@Localizer["Title"]</h3>
 
@@ -33,4 +33,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Anchor)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/AutoCompletes.razor b/src/BootstrapBlazor.Server/Components/Samples/AutoCompletes.razor
index 37f11ceba7f..2c7e35d105d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/AutoCompletes.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/AutoCompletes.razor
@@ -1,4 +1,4 @@
-@page "/auto-complete"
+@page "/auto-complete"
 @inject IStringLocalizer<AutoCompletes> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -101,4 +101,4 @@
     <AutoComplete Items="@StaticItems" IsPopover="true"></AutoComplete>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(AutoComplete)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/AutoFills.razor b/src/BootstrapBlazor.Server/Components/Samples/AutoFills.razor
index a7f8094fd17..5a03d749892 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/AutoFills.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/AutoFills.razor
@@ -1,4 +1,4 @@
-@page "/auto-fill"
+@page "/auto-fill"
 @inject IStringLocalizer<AutoFills> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -148,4 +148,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(AutoFill<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/AutoRedirects.razor b/src/BootstrapBlazor.Server/Components/Samples/AutoRedirects.razor
index 07a2eaa50c0..3dc3f271c48 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/AutoRedirects.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/AutoRedirects.razor
@@ -1,4 +1,4 @@
-@page "/auto-redirect"
+@page "/auto-redirect"
 @inject IStringLocalizer<AutoRedirects> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -9,4 +9,4 @@
     <ConsoleLogger @ref="Logger" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(AutoRedirect)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Avatars.razor b/src/BootstrapBlazor.Server/Components/Samples/Avatars.razor
index 06ae1fb7755..c9fdcd11201 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Avatars.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Avatars.razor
@@ -1,4 +1,4 @@
-@page "/avatar"
+@page "/avatar"
 @inject IStringLocalizer<Avatars> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -57,4 +57,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Avatar)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Badges.razor b/src/BootstrapBlazor.Server/Components/Samples/Badges.razor
index d81402cee3d..770dd61f587 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Badges.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Badges.razor
@@ -1,4 +1,4 @@
-@page "/badge"
+@page "/badge"
 @inject IStringLocalizer<Badges> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -49,4 +49,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Badge)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor b/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor
index ef03326fdd1..0e9681c78b1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor
@@ -1,4 +1,4 @@
-@page "/barcode-generator"
+@page "/barcode-generator"
 @inject IStringLocalizer<BarcodeGenerators> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -14,6 +14,6 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(BarcodeGenerator)" />
 
 <AttributeTable Title="BarcodeGeneratorOption" Items="@GetOptionsAttributes()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/BarcodeReaders.razor b/src/BootstrapBlazor.Server/Components/Samples/BarcodeReaders.razor
index 27f4b698e20..38de08cefaa 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/BarcodeReaders.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/BarcodeReaders.razor
@@ -1,4 +1,4 @@
-@page "/barcode-reader"
+@page "/barcode-reader"
 @inject IStringLocalizer<BarcodeReaders> Localizer
 
 <h4>@Localizer["SubTitle"]</h4>
@@ -33,4 +33,4 @@
     <ConsoleLogger @ref="ImageLogger" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(BarcodeReader)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Blocks.razor b/src/BootstrapBlazor.Server/Components/Samples/Blocks.razor
index c6fbfee910f..176f1211c75 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Blocks.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Blocks.razor
@@ -1,4 +1,4 @@
-@page "/block"
+@page "/block"
 @inject IStringLocalizer<Blocks> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -68,4 +68,4 @@
     <p>@((MarkupString)Localizer["Tips"].Value)</p>
 </Tips>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Block)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Buttons.razor b/src/BootstrapBlazor.Server/Components/Samples/Buttons.razor
index d27622df83e..5e7b96357d0 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Buttons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Buttons.razor
@@ -1,4 +1,4 @@
-@page "/button"
+@page "/button"
 @inject IStringLocalizer<Buttons> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -156,7 +156,7 @@
     <ToggleButton Text="Toggle" Color="Color.Danger"></ToggleButton>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Button)" />
 
 <EventTable Items="@GetEvents()" />
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Calendars.razor b/src/BootstrapBlazor.Server/Components/Samples/Calendars.razor
index 2ec2ced7c91..42a5e02c6c7 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Calendars.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Calendars.razor
@@ -1,4 +1,4 @@
-@page "/calendar"
+@page "/calendar"
 @inject IStringLocalizer<Calendars> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -151,6 +151,6 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(BootstrapBlazor.Components.Calendar)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Cameras.razor b/src/BootstrapBlazor.Server/Components/Samples/Cameras.razor
index f928bbaacdc..0c8fa849e16 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Cameras.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Cameras.razor
@@ -1,4 +1,4 @@
-@page "/camera"
+@page "/camera"
 @inject IStringLocalizer<Cameras> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -50,4 +50,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Camera)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Captchas.razor b/src/BootstrapBlazor.Server/Components/Samples/Captchas.razor
index 84f081b4c81..b39473c76cc 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Captchas.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Captchas.razor
@@ -1,4 +1,4 @@
-@page "/captcha"
+@page "/captcha"
 @inject IStringLocalizer<Captchas> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -17,7 +17,7 @@
     <Captcha GetImageName="@GetImageName" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Captcha)" />
 
 <EventTable Items="@GetEvents()" />
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Cards.razor b/src/BootstrapBlazor.Server/Components/Samples/Cards.razor
index aaea209990f..0b92db3618b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Cards.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Cards.razor
@@ -1,4 +1,4 @@
-@page "/card"
+@page "/card"
 @inject IStringLocalizer<Cards> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -230,4 +230,4 @@
     </Card>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()" />
+<AttributeTable Type="typeof(Card)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Carousels.razor b/src/BootstrapBlazor.Server/Components/Samples/Carousels.razor
index 2ac953c9f49..af6050c2cde 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Carousels.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Carousels.razor
@@ -1,4 +1,4 @@
-@page "/carousel"
+@page "/carousel"
 @inject IStringLocalizer<Carousels> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -208,4 +208,4 @@
     </Carousel>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Carousel)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Cascaders.razor b/src/BootstrapBlazor.Server/Components/Samples/Cascaders.razor
index fd960a0528d..6a4fa09dd85 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Cascaders.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Cascaders.razor
@@ -1,4 +1,4 @@
-@page "/cascader"
+@page "/cascader"
 @inject IStringLocalizer<Cascaders> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -126,6 +126,6 @@
     <Cascader Color="Color.Primary" Items="@_items" @bind-Value="@Model.Address" DisplayText="@Localizer["CascaderText"]" ShowLabel="true" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Cascader<>)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/CheckboxLists.razor b/src/BootstrapBlazor.Server/Components/Samples/CheckboxLists.razor
index ca2cd1aa84d..d69a4848d13 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/CheckboxLists.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/CheckboxLists.razor
@@ -1,4 +1,4 @@
-@page "/checkbox-list"
+@page "/checkbox-list"
 
 <h3>@Localizer["Title"]</h3>
 
@@ -147,6 +147,6 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(CheckboxList<>)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Checkboxs.razor b/src/BootstrapBlazor.Server/Components/Samples/Checkboxs.razor
index 0bd662dc426..acd2f32127b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Checkboxs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Checkboxs.razor
@@ -1,4 +1,4 @@
-@page "/checkbox"
+@page "/checkbox"
 @inject IStringLocalizer<Checkboxs> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -159,6 +159,6 @@
     </ValidateForm>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Checkbox<>)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/CherryMarkdowns.razor b/src/BootstrapBlazor.Server/Components/Samples/CherryMarkdowns.razor
index a747bc6ca38..0a332714308 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/CherryMarkdowns.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/CherryMarkdowns.razor
@@ -40,4 +40,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()" />
+<AttributeTable Type="typeof(CherryMarkdown)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ClockPickers.razor b/src/BootstrapBlazor.Server/Components/Samples/ClockPickers.razor
index b8f95155b93..c11449eea74 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ClockPickers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ClockPickers.razor
@@ -1,4 +1,4 @@
-@page "/clock-picker"
+@page "/clock-picker"
 
 <h3>@Localizer["Title"]</h3>
 
@@ -35,4 +35,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(ClockPicker)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/CodeEditors.razor b/src/BootstrapBlazor.Server/Components/Samples/CodeEditors.razor
index 9a8e2a3cc20..e6a5c8a69b4 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/CodeEditors.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/CodeEditors.razor
@@ -1,4 +1,4 @@
-@page "/code-editors"
+@page "/code-editors"
 @inject IStringLocalizer<CodeEditors> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -37,4 +37,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributeItems()" />
+<AttributeTable Type="typeof(CodeEditor)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Collapses.razor b/src/BootstrapBlazor.Server/Components/Samples/Collapses.razor
index aafe9e578c4..1ee7444f71c 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Collapses.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Collapses.razor
@@ -1,4 +1,4 @@
-@page "/collapse"
+@page "/collapse"
 @inject IStringLocalizer<Collapses> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -175,6 +175,6 @@
     </Collapse>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Collapse)" />
 
-<AttributeTable Items="@GetCollapseItemAttributes()" Title="@nameof(CollapseItem)" />
+<AttributeTable Type="typeof(CollapseItem)" Title="@nameof(CollapseItem)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ColorPickers.razor b/src/BootstrapBlazor.Server/Components/Samples/ColorPickers.razor
index f2ff2487570..f041871a20d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ColorPickers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ColorPickers.razor
@@ -1,4 +1,4 @@
-@page "/color-picker"
+@page "/color-picker"
 @inject IStringLocalizer<ColorPickers> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -60,4 +60,4 @@
     <ColorPicker @bind-Value="@_opacityValue" IsSupportOpacity="_opacityIsSupport" IsDisabled="_opacityIsDisabled"></ColorPicker>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(ColorPicker)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Consoles.razor b/src/BootstrapBlazor.Server/Components/Samples/Consoles.razor
index aa67b5568cb..57a827b723e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Consoles.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Consoles.razor
@@ -1,4 +1,4 @@
-@page "/console"
+@page "/console"
 @using System.Collections.Concurrent
 @implements IDisposable
 
@@ -28,6 +28,6 @@
     <Console Items="@Messages" Height="126" ShowAutoScroll="true" OnClear="@OnClear" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(BootstrapBlazor.Components.Console)" />
 
-<AttributeTable Items="@GetItemAttributes()" Title="@Localizer["ConsoleMessageItem"]" />
+<AttributeTable Type="typeof(BootstrapBlazor.Components.ConsoleMessageItem)" Title="@Localizer["ConsoleMessageItem"]" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/CountButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/CountButtons.razor
index 01820406039..72cf4eedbb7 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/CountButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/CountButtons.razor
@@ -1,4 +1,4 @@
-@page "/count-button"
+@page "/count-button"
 @inject IStringLocalizer<CountButtons> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -13,4 +13,4 @@
     <CountButton Icon="fa-solid fa-home" Count="5" Text="@Localizer["Text"]" CountTextCallback="CountTextCallback" OnClick="OnClick"></CountButton>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(CountButton)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/CountUps.razor b/src/BootstrapBlazor.Server/Components/Samples/CountUps.razor
index b29c03eb42d..c584899bad7 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/CountUps.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/CountUps.razor
@@ -1,4 +1,4 @@
-@page "/count-up"
+@page "/count-up"
 @inject IStringLocalizer<CountUps> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -98,6 +98,6 @@
     <ConsoleLogger @ref="_logger" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(CountUp<>)" />
 
 <AttributeTable Items="@GetOptionAttributes()" Title="CountUpOption" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/DateTimePickers.razor b/src/BootstrapBlazor.Server/Components/Samples/DateTimePickers.razor
index 828988d560d..07ff360b4b8 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/DateTimePickers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/DateTimePickers.razor
@@ -1,4 +1,4 @@
-@page "/datetime-picker"
+@page "/datetime-picker"
 
 <h3>@Localizer["Title"]</h3>
 
@@ -242,6 +242,6 @@
 	</div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(DateTimePicker<>)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/DateTimeRanges.razor b/src/BootstrapBlazor.Server/Components/Samples/DateTimeRanges.razor
index 1fe08efae26..f3b050865d1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/DateTimeRanges.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/DateTimeRanges.razor
@@ -131,6 +131,6 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(DateTimeRange)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/DialButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/DialButtons.razor
index d55788c8bb1..bf4fab1cdae 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/DialButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/DialButtons.razor
@@ -1,4 +1,4 @@
-@page "/dial-button"
+@page "/dial-button"
 @inject IStringLocalizer<DialButtons> Localizer
 
 <h3>@Localizer["DialButtonTitle"]</h3>
@@ -92,4 +92,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(DialButton)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Dialogs.razor b/src/BootstrapBlazor.Server/Components/Samples/Dialogs.razor
index 2d8113c1e30..cdca59ac262 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Dialogs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Dialogs.razor
@@ -1,4 +1,4 @@
-@page "/dialog"
+@page "/dialog"
 @inject IStringLocalizer<Dialogs> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -206,4 +206,4 @@ private async Task OnClick()
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" Title="@Localizer["Attribute"]" />
+<AttributeTable Type="typeof(Dialog)" Title="@Localizer["Attribute"]" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Displays.razor b/src/BootstrapBlazor.Server/Components/Samples/Displays.razor
index 43b2e127dcf..0d8d6059ab5 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Displays.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Displays.razor
@@ -1,4 +1,4 @@
-@page "/display"
+@page "/display"
 @inject IStringLocalizer<Displays> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -151,4 +151,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Display<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Dividers.razor b/src/BootstrapBlazor.Server/Components/Samples/Dividers.razor
index 8d0b9aba6b0..6bf06b4c22e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Dividers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Dividers.razor
@@ -1,4 +1,4 @@
-@page "/divider"
+@page "/divider"
 @inject IStringLocalizer<Dividers> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -69,4 +69,4 @@
     <p>@Localizer["ChildContent2"]</p>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Divider)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/DockViews/Index.razor b/src/BootstrapBlazor.Server/Components/Samples/DockViews/Index.razor
index 0438bac42b8..b12f5690311 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/DockViews/Index.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/DockViews/Index.razor
@@ -1,4 +1,4 @@
-@page "/dock-view/index"
+@page "/dock-view/index"
 @layout MainLayout
 @inject IStringLocalizer<Index> Localizer
 
@@ -119,8 +119,8 @@
 &lt;/DockView&gt;</Pre>
 </div>
 
-<AttributeTable Title="DockView" Items="@GetAttributes()" />
+<AttributeTable Title="DockView" Type="typeof(DockView)" />
 
-<AttributeTable Title="DockContent" Items="@GetDockContentAttributes()" />
+<AttributeTable Title="DockContent" Type="typeof(DockContent)" />
 
-<AttributeTable Title="DockComponent" Items="@GetDockComponentAttributes()" />
+<AttributeTable Title="DockComponent" Type="typeof(DockComponent)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/DockViews/Index.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/DockViews/Index.razor.cs
index 85172256819..fd20ab88150 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/DockViews/Index.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/DockViews/Index.razor.cs
@@ -1,4 +1,4 @@
-// Licensed to the .NET Foundation under one or more agreements.
+// Licensed to the .NET Foundation under one or more agreements.
 // The .NET Foundation licenses this file to you under the Apache 2.0 License
 // See the LICENSE file in the project root for more information.
 // Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
@@ -110,107 +110,4 @@ private static AttributeItem[] GetAttributes() =>
         }
     ];
 
-    private static AttributeItem[] GetDockContentAttributes() =>
-    [
-        new()
-        {
-            Name = "Type",
-            Description = "渲染类型",
-            Type = "DockContentType",
-            ValueList = "Row|Column|Stack|Component",
-            DefaultValue = "Component"
-        },
-        new()
-        {
-            Name = "Width",
-            Description = "组件宽度百分比",
-            Type = "int?",
-            ValueList = " — ",
-            DefaultValue = " — "
-        },
-        new()
-        {
-            Name = "Height",
-            Description = "组件高度百分比",
-            Type = "int?",
-            ValueList = " — ",
-            DefaultValue = " — "
-        },
-        new()
-        {
-            Name = "ShowHeader",
-            Description = "组件是否显示 Header",
-            Type = "bool",
-            ValueList = "true|false",
-            DefaultValue = "true"
-        }
-    ];
-
-    private static AttributeItem[] GetDockComponentAttributes() =>
-    [
-        new()
-        {
-            Name = "Title",
-            Description = "组件 Title",
-            Type = "string",
-            ValueList = " — ",
-            DefaultValue = " — "
-        },
-        new()
-        {
-            Name = "Class",
-            Description = "组件 Class",
-            Type = "string?",
-            ValueList = " — ",
-            DefaultValue = " — "
-        },
-        new()
-        {
-            Name = "Visible",
-            Description = "组件是否可见",
-            Type = "bool",
-            ValueList = "true|false",
-            DefaultValue = "true"
-        },
-        new()
-        {
-            Name = "ShowClose",
-            Description = "组件是否允许关闭",
-            Type = "bool",
-            ValueList = "true|false",
-            DefaultValue = "true"
-        },
-        new()
-        {
-            Name = "IsLock",
-            Description = "是否锁定",
-            Type = "bool",
-            ValueList = "true|false",
-            DefaultValue = "false"
-        },
-        new()
-        {
-            Name = "Width",
-            Description = "组件宽度百分比",
-            Type = "int?",
-            ValueList = " — ",
-            DefaultValue = " — "
-        },
-        new()
-        {
-            Name = "Height",
-            Description = "组件高度百分比",
-            Type = "int?",
-            ValueList = " — ",
-            DefaultValue = " — "
-        },
-        new()
-        {
-            Name = "Key",
-            Description = "组件唯一标识值 未设置时取 Title 参数",
-            Type = "string?",
-            ValueList = " — ",
-            DefaultValue = " — "
-        },
-    ];
 }
diff --git a/src/BootstrapBlazor.Server/Components/Samples/DragDrops.razor b/src/BootstrapBlazor.Server/Components/Samples/DragDrops.razor
index d394a6c6905..d751c5917e3 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/DragDrops.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/DragDrops.razor
@@ -1,4 +1,4 @@
-@page "/drag-drop"
+@page "/drag-drop"
 @inject IStringLocalizer<DragDrops> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -90,6 +90,6 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Dropzone<>)" />
 
 <MethodTable Items="GetMethods()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Drawers.razor b/src/BootstrapBlazor.Server/Components/Samples/Drawers.razor
index 8d2844abe3a..95f35b105d7 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Drawers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Drawers.razor
@@ -1,4 +1,4 @@
-@page "/drawer"
+@page "/drawer"
 @inject IStringLocalizer<Drawers> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -75,4 +75,4 @@
     <Button OnClickWithoutRender="@DrawerServiceShow" Text="@Localizer["Open"]"></Button>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Drawer)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/DriverDotnetJs.razor b/src/BootstrapBlazor.Server/Components/Samples/DriverDotnetJs.razor
index edc37ca2b3d..b90b3802c63 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/DriverDotnetJs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/DriverDotnetJs.razor
@@ -1,4 +1,4 @@
-@page "/driver-js"
+@page "/driver-js"
 @inject IStringLocalizer<DriverDotnetJs> Localizer
 
 <h3>@Localizer["DriverJsTitle"]</h3>
@@ -219,3 +219,5 @@
     </section>
     <DriverJs @ref="_guideHighlight"></DriverJs>
 </DemoBlock>
+
+<AttributeTable Type="typeof(DriverJs)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/DropdownWidgets.razor b/src/BootstrapBlazor.Server/Components/Samples/DropdownWidgets.razor
index dd3f4609dd2..a6b87a3580b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/DropdownWidgets.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/DropdownWidgets.razor
@@ -1,4 +1,4 @@
-@page "/dropdown-widget"
+@page "/dropdown-widget"
 @inject IStringLocalizer<DropdownWidgets> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -86,4 +86,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" Title="@Localizer["AttributeTitle"]" />
+<AttributeTable Type="typeof(DropdownWidget)" Title="@Localizer["AttributeTitle"]" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Dropdowns.razor b/src/BootstrapBlazor.Server/Components/Samples/Dropdowns.razor
index 0070f384d11..d38dcfec97b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Dropdowns.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Dropdowns.razor
@@ -1,4 +1,4 @@
-@page "/dropdown"
+@page "/dropdown"
 @inject IStringLocalizer<Dropdowns> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -213,6 +213,6 @@
     </Dropdown>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Dropdown<>)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/EditDialogs.razor b/src/BootstrapBlazor.Server/Components/Samples/EditDialogs.razor
index 5125bdeb53b..1f2f08258ed 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/EditDialogs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/EditDialogs.razor
@@ -1,4 +1,4 @@
-@page "/edit-dialog"
+@page "/edit-dialog"
 @inject IStringLocalizer<EditDialogs> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -25,4 +25,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" Title="@Localizer["EditDialogOption"]" />
+<AttributeTable Type="typeof(EditDialogOption<>)" Title="@Localizer["EditDialogOption"]" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/EditorForms.razor b/src/BootstrapBlazor.Server/Components/Samples/EditorForms.razor
index fa0cb79b386..cd466096d83 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/EditorForms.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/EditorForms.razor
@@ -1,4 +1,4 @@
-@page "/editor-form"
+@page "/editor-form"
 @inject IStringLocalizer<EditorForms> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -138,6 +138,6 @@
     </EditorForm>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(EditorForm<>)" />
 
-<AttributeTable Title="@Localizer["EditorFormAttributeTitle"]" Items="@GetEditorItemAttributes()"></AttributeTable>
+<AttributeTable Title="@Localizer["EditorFormAttributeTitle"]" Type="typeof(EditorItem<,>)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Editors.razor b/src/BootstrapBlazor.Server/Components/Samples/Editors.razor
index 49cf62bee4b..65fddb22ecb 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Editors.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Editors.razor
@@ -87,4 +87,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Editor)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Empties.razor b/src/BootstrapBlazor.Server/Components/Samples/Empties.razor
index 61a3792d4db..1b8b03dd3ba 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Empties.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Empties.razor
@@ -1,4 +1,4 @@
-@page "/empty"
+@page "/empty"
 @inject NavigationManager NavigationManager
 @inject IStringLocalizer<Empties> Localizer
 
@@ -27,5 +27,5 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Empty)" />
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ExportPdfButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/ExportPdfButtons.razor
index 315124c4b54..75aefb9b51b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ExportPdfButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ExportPdfButtons.razor
@@ -1,4 +1,4 @@
-@page "/export-pdf-button"
+@page "/export-pdf-button"
 @inject IStringLocalizer<ExportPdfButtons> Localizer
 
 <h3>@Localizer["ExportPdfButtonsTitle"]</h3>
@@ -44,4 +44,4 @@
     <ExportPdfButton Selector=".table-9527-02" IsAsync="true" OnBeforeExport="OnBeforeExport" OnAfterDownload="OnAfterDownload" AutoDownload="true" FileName="@PdfFileName"></ExportPdfButton>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(ExportPdfButton)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/EyeDroppers.razor b/src/BootstrapBlazor.Server/Components/Samples/EyeDroppers.razor
index 99bdabfde0b..320138d01a6 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/EyeDroppers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/EyeDroppers.razor
@@ -1,4 +1,4 @@
-@page "/eye-dropper"
+@page "/eye-dropper"
 @inject IStringLocalizer<EyeDroppers> Localizer
 
 <h3>@Localizer["EyeDropperTitle"]</h3>
@@ -21,4 +21,3 @@
         <div style="width: 35px; height: 35px; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); margin-right: .5rem; background-color: @ValueString"></div><Display Value="@Value"></Display>
     </div>
 </DemoBlock>
-
diff --git a/src/BootstrapBlazor.Server/Components/Samples/FileIcons.razor b/src/BootstrapBlazor.Server/Components/Samples/FileIcons.razor
index 731970f9aca..6663645bb52 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/FileIcons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/FileIcons.razor
@@ -1,4 +1,4 @@
-@page "/file-icon"
+@page "/file-icon"
 
 <h3>@Localizer["Title"]</h3>
 <h4>@Localizer["Intro"]</h4>
@@ -151,4 +151,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(FileIcon)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/FileViewers.razor b/src/BootstrapBlazor.Server/Components/Samples/FileViewers.razor
index c277b2954e4..ea1d7c69a66 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/FileViewers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/FileViewers.razor
@@ -1,4 +1,4 @@
-@page "/file-viewer"
+@page "/file-viewer"
 @inject IStringLocalizer<FileViewers> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -37,4 +37,4 @@
     <FileViewer @ref="fileViewer" Filename="@CombineFilename(Url)" Height="300px" StyleString="padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);border: var(--bs-card-border-width) solid var(--bs-card-border-color);" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(FileViewer)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/FlipClocks.razor b/src/BootstrapBlazor.Server/Components/Samples/FlipClocks.razor
index 6de934cdfe8..49f03661aea 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/FlipClocks.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/FlipClocks.razor
@@ -1,4 +1,4 @@
-@page "/flip-clock"
+@page "/flip-clock"
 @inject IStringLocalizer<FlipClocks> Localizer
 
 <h3>@Localizer["FlipClocksTitle"]</h3>
@@ -105,4 +105,4 @@
                ShowHour="_showHour" ShowMinute="_showMinute" ShowSecond="_showSecond"></FlipClock>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(FlipClock)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/FloatingLabels.razor b/src/BootstrapBlazor.Server/Components/Samples/FloatingLabels.razor
index d5a2f9a47c9..3121098f78a 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/FloatingLabels.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/FloatingLabels.razor
@@ -1,4 +1,4 @@
-@page "/floating-label"
+@page "/floating-label"
 @inject IStringLocalizer<FloatingLabels> Localizer
 
 <h3>@Localizer["FloatingLabelsTitle"]</h3>
@@ -79,4 +79,4 @@
     <FloatingLabel DisplayText="Email" TValue="string" IsSelectAllTextOnFocus="true" IsGroupBox="true" PlaceHolder="user@blazor.zone" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(FloatingLabel<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Footers.razor b/src/BootstrapBlazor.Server/Components/Samples/Footers.razor
index 6f95e9237f1..b0bf0210a3e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Footers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Footers.razor
@@ -1,4 +1,4 @@
-@page "/footer"
+@page "/footer"
 @inject IStringLocalizer<Footers> Localizer
 
 <h3>@Localizer["FootersTitle"]</h3>
@@ -60,4 +60,4 @@
     --bb-footer-padding: .5rem 1rem;
 }</Pre>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Footer)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/FullScreenButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/FullScreenButtons.razor
index f20a46790e0..1dcc84b694d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/FullScreenButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/FullScreenButtons.razor
@@ -1,4 +1,4 @@
-@page "/fullscreen-button"
+@page "/fullscreen-button"
 @inject IStringLocalizer<FullScreenButtons> Localizer
 
 <h3>@Localizer["FullScreenButtonTitle"]</h3>
@@ -15,4 +15,4 @@
     <FullScreenButton Icon="fa-solid fa-font-awesome"></FullScreenButton>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(FullScreenButton)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/FullScreens.razor b/src/BootstrapBlazor.Server/Components/Samples/FullScreens.razor
index 04153a8d479..030eeee97c7 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/FullScreens.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/FullScreens.razor
@@ -1,4 +1,4 @@
-@page "/fullscreen"
+@page "/fullscreen"
 @inject IStringLocalizer<FullScreens> Localizer
 @inject FullScreenService FullScreenService
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Gantts.razor b/src/BootstrapBlazor.Server/Components/Samples/Gantts.razor
index 2f91e82afc1..81ddf729053 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Gantts.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Gantts.razor
@@ -1,4 +1,4 @@
-@page "/gantt"
+@page "/gantt"
 @inject IStringLocalizer<Gantts> Localizer
 
 <h3>@Localizer["Gantts"]</h3>
@@ -13,6 +13,4 @@
     <Gantt Items="@Items" @ref="Gantt"></Gantt>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributeItems()"></AttributeTable>
-
-<AttributeTable Items="@GetMethodItems()"></AttributeTable>
+<AttributeTable Type="typeof(Gantt)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/GlobalException.razor b/src/BootstrapBlazor.Server/Components/Samples/GlobalException.razor
index 6bdb3ac42b5..457e011676e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/GlobalException.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/GlobalException.razor
@@ -1,4 +1,4 @@
-@page "/global-exception"
+@page "/global-exception"
 @layout ComponentLayout
 @inject IStringLocalizer<GlobalException> Localizer
 
@@ -76,4 +76,4 @@
     <Button Icon="fa-solid fa-font-awesome" Text="@Localizer["ButtonText"]" OnClick="OnGotoPage" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(ErrorLogger)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/GoTops.razor b/src/BootstrapBlazor.Server/Components/Samples/GoTops.razor
index d6af1785be3..63ffbe59bb1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/GoTops.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/GoTops.razor
@@ -1,4 +1,4 @@
-@page "/go-top"
+@page "/go-top"
 @inject IStringLocalizer<GoTops> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -20,4 +20,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(GoTop)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/GroupBoxes.razor b/src/BootstrapBlazor.Server/Components/Samples/GroupBoxes.razor
index 9e3677a778f..d1279b85343 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/GroupBoxes.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/GroupBoxes.razor
@@ -1,4 +1,4 @@
-@page "/group-box"
+@page "/group-box"
 @inject IStringLocalizer<GroupBoxes> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -12,4 +12,4 @@
     </GroupBox>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(GroupBox)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Handwrittens.razor b/src/BootstrapBlazor.Server/Components/Samples/Handwrittens.razor
index 6735ed0b0ae..3997adae6e2 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Handwrittens.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Handwrittens.razor
@@ -1,4 +1,4 @@
-@page "/handwritten"
+@page "/handwritten"
 @inject IStringLocalizer<Handwrittens> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -8,5 +8,3 @@
 <Tips>
     <div>@((MarkupString)Localizer["Tips"].Value)</div>
 </Tips>
-
-<AttributeTable Items="@GetAttributes()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/HtmlRenderers.razor b/src/BootstrapBlazor.Server/Components/Samples/HtmlRenderers.razor
index 10283fa0e0a..14c0479793c 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/HtmlRenderers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/HtmlRenderers.razor
@@ -1,4 +1,4 @@
-@page "/html-renderer"
+@page "/html-renderer"
 @inject IStringLocalizer<HtmlRenderers> Localizer
 @inject IComponentHtmlRenderer HtmlRenderer
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/IFrames.razor b/src/BootstrapBlazor.Server/Components/Samples/IFrames.razor
index 9c9f3754014..4364d878b9d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/IFrames.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/IFrames.razor
@@ -1,4 +1,4 @@
-@page "/iframe"
+@page "/iframe"
 @inject IStringLocalizer<IFrames> Localizer
 
 <h3>@Localizer["IFrameTitle"]</h3>
@@ -11,4 +11,4 @@
     <IFrame Src="https://pro.blazor.zone"></IFrame>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(IFrame)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor b/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor
index b12d8ecbdba..487d959477f 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor
@@ -1,4 +1,4 @@
-@page "/image-cropper"
+@page "/image-cropper"
 @inject IStringLocalizer<ImageCroppers> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -107,4 +107,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(ImageCropper)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ImageViewers.razor b/src/BootstrapBlazor.Server/Components/Samples/ImageViewers.razor
index 431e843e628..87be7dc3d10 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ImageViewers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ImageViewers.razor
@@ -1,4 +1,4 @@
-@page "/image-viewer"
+@page "/image-viewer"
 @inject IStringLocalizer<ImageViewers> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -134,4 +134,4 @@
     <ImageViewer Url="@WebsiteOption.Value.GetAssetUrl("images/tutorials/waterfall.png")" IsIntersectionObserver="true" IsAsync="true" style="height: 400px;"></ImageViewer>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(ImageViewer)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/InputGroups.razor b/src/BootstrapBlazor.Server/Components/Samples/InputGroups.razor
index 41ccc167e5e..91f84fba87c 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/InputGroups.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/InputGroups.razor
@@ -1,4 +1,4 @@
-@page "/input-group"
+@page "/input-group"
 @inject IStringLocalizer<InputGroups> Localizer
 @inject IStringLocalizer<Foo> LocalizerFoo
 @inject IOptions<WebsiteOptions> WebsiteOption
@@ -235,3 +235,5 @@
         </div>
     </div>
 </DemoBlock>
+
+<AttributeTable Type="typeof(BootstrapInputGroup)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/InputNumbers.razor b/src/BootstrapBlazor.Server/Components/Samples/InputNumbers.razor
index 5b6867a3454..c6f992e8e74 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/InputNumbers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/InputNumbers.razor
@@ -1,4 +1,4 @@
-@page "/input-number"
+@page "/input-number"
 @inject IStringLocalizer<InputNumbers> Localizer
 
 <h3>@Localizer["InputNumbersTitle"]</h3>
@@ -245,4 +245,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(BootstrapInputNumber<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Inputs.razor b/src/BootstrapBlazor.Server/Components/Samples/Inputs.razor
index 8a37d514352..d8f34ae5f37 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Inputs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Inputs.razor
@@ -1,4 +1,4 @@
-@page "/input"
+@page "/input"
 @inject IStringLocalizer<Inputs> Localizer
 
 <h3>@Localizer["InputsTitle"]</h3>
@@ -251,4 +251,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(BootstrapInput<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/IntersectionObservers.razor b/src/BootstrapBlazor.Server/Components/Samples/IntersectionObservers.razor
index e178621739a..d5228c27217 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/IntersectionObservers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/IntersectionObservers.razor
@@ -1,4 +1,4 @@
-@page "/intersection-observer"
+@page "/intersection-observer"
 @inject IStringLocalizer<IntersectionObservers> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -123,4 +123,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(IntersectionObserver)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor b/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor
index 4f5f2437d7b..a3f48a40cbc 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor
@@ -1,4 +1,4 @@
-@page "/layout"
+@page "/layout"
 @inject IStringLocalizer<Layouts> Localizer
 @inject IStringLocalizer<Menus> LocalizerMenu
 
@@ -189,4 +189,4 @@
     </ul>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Layout)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Lights.razor b/src/BootstrapBlazor.Server/Components/Samples/Lights.razor
index 5c8c3f7ef22..bbd4196babe 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Lights.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Lights.razor
@@ -1,4 +1,4 @@
-@page "/light"
+@page "/light"
 @inject IStringLocalizer<Lights> Localizer
 @implements IDisposable
 
@@ -151,4 +151,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(Light)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/LinkButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/LinkButtons.razor
index 35ce0f5e29c..98172ec158e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/LinkButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/LinkButtons.razor
@@ -1,4 +1,4 @@
-@page "/link-button"
+@page "/link-button"
 @inject IOptions<WebsiteOptions> WebsiteOption
 @inject IStringLocalizer<LinkButtons> Localizer
 
@@ -86,4 +86,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(LinkButton)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ListGroups.razor b/src/BootstrapBlazor.Server/Components/Samples/ListGroups.razor
index 341ed825885..3aaa9e965e4 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ListGroups.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ListGroups.razor
@@ -1,4 +1,4 @@
-@page "/list-group"
+@page "/list-group"
 @inject IStringLocalizer<ListGroups> Localizer
 
 <h3>@Localizer["ListGroupsTitle"]</h3>
@@ -43,4 +43,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(ListGroup<>)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ListViews.razor b/src/BootstrapBlazor.Server/Components/Samples/ListViews.razor
index c2fe96e3c4c..8b9c71c8300 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ListViews.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ListViews.razor
@@ -1,4 +1,4 @@
-@page "/list-view"
+@page "/list-view"
 @inject IOptions<WebsiteOptions> WebsiteOption
 @inject IStringLocalizer<ListViews> Localizer
 
@@ -104,6 +104,6 @@
     </ListView>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(ListView<>)"></AttributeTable>
 
 <MethodTable Items="GetMethods()"></MethodTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Live2DDisplays.razor b/src/BootstrapBlazor.Server/Components/Samples/Live2DDisplays.razor
index e5940a0bf1d..e0de74dcbd9 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Live2DDisplays.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Live2DDisplays.razor
@@ -1,4 +1,4 @@
-@page "/live2d-display"
+@page "/live2d-display"
 @inject IStringLocalizer<Live2DDisplays> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -99,4 +99,4 @@ app.UseStaticFiles(new StaticFileOptions { ContentTypeProvider = provider });</P
 
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Live2DDisplay)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Logouts.razor b/src/BootstrapBlazor.Server/Components/Samples/Logouts.razor
index 02d9b836078..0355b836e7d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Logouts.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Logouts.razor
@@ -1,4 +1,4 @@
-@page "/logout"
+@page "/logout"
 @inject IStringLocalizer<Logouts> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -68,4 +68,4 @@
     <div style="height: 220px;"></div>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(Logout)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Lookup.razor b/src/BootstrapBlazor.Server/Components/Samples/Lookup.razor
index 73c30adcfe5..6f7f3074428 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Lookup.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Lookup.razor
@@ -1,4 +1,4 @@
-@page "/lookup"
+@page "/lookup"
 @layout MainLayout
 @inject IStringLocalizer<Lookup> Localizer
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Markdowns.razor b/src/BootstrapBlazor.Server/Components/Samples/Markdowns.razor
index 7725d526e0c..1e92cb10968 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Markdowns.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Markdowns.razor
@@ -1,4 +1,4 @@
-@page "/markdown"
+@page "/markdown"
 @inject IStringLocalizer<Markdowns> Localizer
 
 <h3>@Localizer["MarkdownsTitle"]</h3>
@@ -101,4 +101,4 @@
     </ValidateForm>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(Markdown)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Marquees.razor b/src/BootstrapBlazor.Server/Components/Samples/Marquees.razor
index b4a2c6cebcd..a6a214692d6 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Marquees.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Marquees.razor
@@ -1,4 +1,4 @@
-@page "/marquee"
+@page "/marquee"
 @inject IStringLocalizer<Marquees> Localizer
 
 <h3>@Localizer["MarqueeTitle"]</h3>
@@ -39,3 +39,5 @@
     <Marquee Text="@Text" Color="@TextColor" BackgroundColor="@BackgroundColor"
              Duration="@Duration" Direction="@Direction" FontSize="@FontSize" />
 </DemoBlock>
+
+<AttributeTable Type="typeof(Marquee)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Masks.razor b/src/BootstrapBlazor.Server/Components/Samples/Masks.razor
index ff6c80c6de7..012d1af860f 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Masks.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Masks.razor
@@ -1,4 +1,4 @@
-@page "/mask"
+@page "/mask"
 @inject IStringLocalizer<Masks> Localizer
 
 <h3>@Localizer["MaskTitle"]</h3>
@@ -34,3 +34,5 @@
 <DemoBlock Title="@Localizer["MaskCloseTitle"]" Introduction="@Localizer["MaskCloseIntro"]">
     <Button Text="Show" OnClick="ShowCloseMask"></Button>
 </DemoBlock>
+
+<AttributeTable Type="typeof(Mask)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Meets.razor b/src/BootstrapBlazor.Server/Components/Samples/Meets.razor
index 571005de2eb..aa984679a75 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Meets.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Meets.razor
@@ -1,4 +1,4 @@
-@page "/meet"
+@page "/meet"
 
 <h3>JitsiMeet会议</h3>
 
@@ -22,3 +22,5 @@
     </section>
     <Meet @ref="@_meet" Option="@_option" Domain="@_domain" OnLoad="OnLoad"></Meet>
 </DemoBlock>
+
+<AttributeTable Type="typeof(Meet)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Menus.razor b/src/BootstrapBlazor.Server/Components/Samples/Menus.razor
index 1d99058540c..742d6bed99c 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Menus.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Menus.razor
@@ -1,4 +1,4 @@
-@page "/menu"
+@page "/menu"
 @inject IOptions<WebsiteOptions> WebsiteOption
 @inject IStringLocalizer<Menus> Localizer
 
@@ -121,4 +121,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Menu)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Mermaids.razor b/src/BootstrapBlazor.Server/Components/Samples/Mermaids.razor
index 050f7fb4eca..750ef11fcbc 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Mermaids.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Mermaids.razor
@@ -26,6 +26,6 @@
 	<Mermaid DiagramString="@CustomStyleString" @ref="_mermaid"></Mermaid>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()" />
+<AttributeTable Type="typeof(Mermaid)" />
 
 <MethodTable Items="GetMethods()"></MethodTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Messages.razor b/src/BootstrapBlazor.Server/Components/Samples/Messages.razor
index a59eb727112..55a9217c532 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Messages.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Messages.razor
@@ -86,9 +86,9 @@ private MessageService? MessageService { get; set; }
     <button class="btn btn-primary" @onclick="@ShowLastOnlyMessage">@Localizer["MessagesShowModePrompt"]</button>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Message)" />
 
-<AttributeTable Title="@Localizer["MessagesItem"]" Items="@GetMessageItemAttributes()" />
+<AttributeTable Type="typeof(MessageItem)" Title="@Localizer["MessagesItem"]" />
 
 @code {
     private RenderFragment RenderContent =>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/MindMaps.razor b/src/BootstrapBlazor.Server/Components/Samples/MindMaps.razor
index 2e2fcbb9198..4cd8b4c5bc1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/MindMaps.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/MindMaps.razor
@@ -1,4 +1,4 @@
-@page "/mind-map"
+@page "/mind-map"
 @inject IStringLocalizer<MindMaps> Localizer
 
 <HeadContent>
@@ -60,4 +60,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(MindMap)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Modals.razor b/src/BootstrapBlazor.Server/Components/Samples/Modals.razor
index 8df2bf96ae2..17dcee95cad 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Modals.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Modals.razor
@@ -1,4 +1,4 @@
-@page "/modal"
+@page "/modal"
 @inject IStringLocalizer<Modals> Localizer
 
 <h3>@Localizer["ModalsTitle"]</h3>
@@ -272,4 +272,4 @@
     <ConsoleLogger @ref="Logger" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Modal)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/MouseFollowers.razor b/src/BootstrapBlazor.Server/Components/Samples/MouseFollowers.razor
index 7704180429e..498affbbb8e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/MouseFollowers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/MouseFollowers.razor
@@ -1,4 +1,4 @@
-@page "/mouse-follower"
+@page "/mouse-follower"
 @inject IOptions<WebsiteOptions> WebsiteOption
 
 <HeadContent>
@@ -85,4 +85,4 @@
     </MouseFollower>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(MouseFollower)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
index 12de9c0a865..04519c601b1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
@@ -1,4 +1,4 @@
-@page "/multi-select"
+@page "/multi-select"
 @inject IStringLocalizer<MultiSelects> Localizer
 
 <h3>@Localizer["MultiSelectsTitle"]</h3>
@@ -359,6 +359,6 @@ private enum MultiSelectEnumFoo
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(MultiSelect<>)"></AttributeTable>
 
 <EventTable Items="@GetEvents()"></EventTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Navbars.razor b/src/BootstrapBlazor.Server/Components/Samples/Navbars.razor
index f4ed79e64cd..c3f982c55b2 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Navbars.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Navbars.razor
@@ -1,4 +1,4 @@
-@page "/navbar"
+@page "/navbar"
 @inject IStringLocalizer<Navbars> Localizer
 
 <h3>@Localizer["NavbarTitle"]</h3>
@@ -75,3 +75,5 @@
         <p>渲染 <code>dropdown-item</code> 样式，导航栏中下拉菜单组件内项目</p>
     </section>
 </DemoBlock>
+
+<AttributeTable Type="typeof(Navbar)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Navigation.razor b/src/BootstrapBlazor.Server/Components/Samples/Navigation.razor
index 1952664f3c6..3dcb1c15d60 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Navigation.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Navigation.razor
@@ -1,4 +1,4 @@
-@page "/navigation"
+@page "/navigation"
 @inject IOptions<WebsiteOptions> WebsiteOption
 @inject IStringLocalizer<Navigation> Localizer
 
@@ -86,4 +86,4 @@
     </Nav>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Nav)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor b/src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor
index 2ab1fb92aec..a7c621b71b9 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor
@@ -1,4 +1,4 @@
-@page "/network-monitor"
+@page "/network-monitor"
 @inject IStringLocalizer<NetworkMonitors> Localizer
 
 <h3>@Localizer["NetworkMonitorTitle"]</h3>
@@ -21,3 +21,5 @@
         <ConsoleLogger @ref="_logger"></ConsoleLogger>
     </section>
 </DemoBlock>
+
+<AttributeTable Type="typeof(NetworkMonitorIndicator)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Notifications.razor b/src/BootstrapBlazor.Server/Components/Samples/Notifications.razor
index 1dd8b72788b..533fe28d402 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Notifications.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Notifications.razor
@@ -1,4 +1,4 @@
-@page "/notification"
+@page "/notification"
 @inject IStringLocalizer<Notifications> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -49,4 +49,4 @@ public void ShowNotificationCallback(bool result)
     <ConsoleLogger @ref="Logger" />
 </DemoBlock>
 
-<AttributeTable Items="GetNotificationItem()" Title="@nameof(NotificationItem)" />
+<AttributeTable Type="typeof(NotificationItem)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/OfficeViewers.razor b/src/BootstrapBlazor.Server/Components/Samples/OfficeViewers.razor
index 14b8f4643cc..de5532cd03c 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/OfficeViewers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/OfficeViewers.razor
@@ -1,4 +1,4 @@
-@page "/office-viewer"
+@page "/office-viewer"
 @inject IStringLocalizer<OfficeViewers> Localizer
 
 <h3>@Localizer["OfficeViewerTitle"]</h3>
@@ -13,3 +13,5 @@
     </section>
     <OfficeViewer Url="@_doc" Height="620px" OnLoaded="OnLoaded"></OfficeViewer>
 </DemoBlock>
+
+<AttributeTable Type="typeof(OfficeViewer)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor b/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor
index ab9569dfb94..472769b7006 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor
@@ -1,4 +1,4 @@
-@page "/onscreen-keyboard"
+@page "/onscreen-keyboard"
 @inject IStringLocalizer<OnScreenKeyboards> Localizer
 
 <h3>@Localizer["OnScreenKeyboardsTitle"]</h3>
@@ -84,8 +84,6 @@
     <p>@((MarkupString)Localizer["OnScreenKeyboardsCss"].Value)</p>
 </Tips>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(OnScreenKeyboard)" />
 
-<AttributeTable Items="@GetKeyboardOptionAttributes()" Title="KeyboardOption" />
-
-<AttributeTable Items="@GetKeyboardEnumAttributes()" Title="KeyboardEnum" />
+<AttributeTable Type="typeof(KeyboardOption)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/OpcDa.razor b/src/BootstrapBlazor.Server/Components/Samples/OpcDa.razor
index 3f16711ac77..c2bf9d9cdb9 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/OpcDa.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/OpcDa.razor
@@ -1,4 +1,4 @@
-@page "/opc-da"
+@page "/opc-da"
 @inject IStringLocalizer<OpcDa> Localizer
 
 <h3>@Localizer["OpcDaTitle"]</h3>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/OtpInputs.razor b/src/BootstrapBlazor.Server/Components/Samples/OtpInputs.razor
index 24eff29c2e7..775fe13c8ef 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/OtpInputs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/OtpInputs.razor
@@ -1,4 +1,4 @@
-@page "/otp-input"
+@page "/otp-input"
 @inject IStringLocalizer<OtpInputs> Localizer
 
 <HeadContent>
@@ -79,3 +79,5 @@
         </div>
     </ValidateForm>
 </DemoBlock>
+
+<AttributeTable Type="typeof(OtpInput)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/OtpServices.razor b/src/BootstrapBlazor.Server/Components/Samples/OtpServices.razor
index 47ddbc9300d..e48a75638fd 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/OtpServices.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/OtpServices.razor
@@ -1,4 +1,4 @@
-@page "/otp-service"
+@page "/otp-service"
 
 <HeadContent>
     <style>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Paginations.razor b/src/BootstrapBlazor.Server/Components/Samples/Paginations.razor
index 4a82ac7ef50..954490bc86b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Paginations.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Paginations.razor
@@ -1,4 +1,4 @@
-@page "/pagination"
+@page "/pagination"
 @inject IStringLocalizer<Paginations> Localizer
 
 <h3>@Localizer["PaginationsTitle"]</h3>
@@ -54,4 +54,4 @@
     </Pagination>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Pagination)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/PdfReaders.razor b/src/BootstrapBlazor.Server/Components/Samples/PdfReaders.razor
index c39b409fefa..3a04049e108 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/PdfReaders.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/PdfReaders.razor
@@ -64,3 +64,5 @@
                ShowToolbar="_showToolbar" ShowPrint="_showPrint" ShowFileName="_showFileName"
                ViewHeight="600px" OnGetStreamAsync="OnGetStreamAsync"></PdfReader>
 </DemoBlock>
+
+<AttributeTable Type="typeof(PdfReader)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/PdfViewers.razor b/src/BootstrapBlazor.Server/Components/Samples/PdfViewers.razor
index ab587ff353b..867f32fea6b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/PdfViewers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/PdfViewers.razor
@@ -1,4 +1,4 @@
-@page "/pdf-viewer"
+@page "/pdf-viewer"
 @inject IStringLocalizer<PdfViewers> Localizer
 
 <h3>@Localizer["PdfViewerTitle"]</h3>
@@ -35,3 +35,5 @@
                NotSupportCallback="NotSupportCallback" OnLoaded="OnLoaded"
                UseGoogleDocs="@_useGoogleDocs"></PdfViewer>
 </DemoBlock>
+
+<AttributeTable Type="typeof(PdfViewer)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Players.razor b/src/BootstrapBlazor.Server/Components/Samples/Players.razor
index 1e72f29a70d..58a0bbb383f 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Players.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Players.razor
@@ -1,4 +1,4 @@
-@page "/player"
+@page "/player"
 @inject IStringLocalizer<Players> Localizer
 
 <h3>@Localizer["PlayersTitle"]</h3>
@@ -49,5 +49,4 @@
     <Player Mode="PlayerMode.Audio" Options="_audioOptions"></Player>
 </DemoBlock>
 
-@* <AttributeTable Items="@GetAttributes()" /> *@
-
+<AttributeTable Type="typeof(Player)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/PopoverConfirms.razor b/src/BootstrapBlazor.Server/Components/Samples/PopoverConfirms.razor
index 6a02f4afb87..2f0fa88f0c7 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/PopoverConfirms.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/PopoverConfirms.razor
@@ -1,4 +1,4 @@
-@page "/pop-confirm"
+@page "/pop-confirm"
 @inject IStringLocalizer<PopoverConfirms> Localizer
 
 <h3>@Localizer["PopoverConfirmsTitle"]</h3>
@@ -183,6 +183,6 @@ private Func&lt;Task&gt;? OnConfirmAsync { get; set; }</Pre>
     </PopConfirmButton>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(PopConfirmButton)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Popovers.razor b/src/BootstrapBlazor.Server/Components/Samples/Popovers.razor
index 90a8c2f40dc..8c981993400 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Popovers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Popovers.razor
@@ -1,4 +1,4 @@
-@page "/popover"
+@page "/popover"
 @inject IStringLocalizer<Popovers> Localizer
 
 <h3>@Localizer["PopoversTitle"]</h3>
@@ -81,4 +81,4 @@
     <Button Text="Trigger" OnClickWithoutRender="ToggleShow"></Button>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Popover)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Print.razor b/src/BootstrapBlazor.Server/Components/Samples/Print.razor
index 1324304faa5..6f36a5ddc84 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Print.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Print.razor
@@ -1,4 +1,4 @@
-@page "/print"
+@page "/print"
 @inject IStringLocalizer<Print> Localizer
 @inject DialogService DialogService
 @inject PrintService PrintService
@@ -29,5 +29,3 @@
 <DemoBlock Title="@Localizer["PrintServiceTitle"]" Introduction="@Localizer["PrintServiceIntro"]" Name="PrintService">
     <Button Icon="fa-solid fa-print" Text="@Localizer["PrintsButtonText"]" OnClick="OnClickPrintService" />
 </DemoBlock>
-
-
diff --git a/src/BootstrapBlazor.Server/Components/Samples/PrintServices.razor b/src/BootstrapBlazor.Server/Components/Samples/PrintServices.razor
index 7d9c1dffa2d..80845f52ac1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/PrintServices.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/PrintServices.razor
@@ -1,4 +1,4 @@
-@page "/print-service"
+@page "/print-service"
 @layout MainLayout
 
 <h3>打印服务 <code>PrintService</code></h3>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/PrintView.razor b/src/BootstrapBlazor.Server/Components/Samples/PrintView.razor
index 20a0bebd3ec..94382fde440 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/PrintView.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/PrintView.razor
@@ -1,4 +1,4 @@
-@page "/print-view"
+@page "/print-view"
 @layout PrintLayout
 
 <section class="container py-3">
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Progress.razor b/src/BootstrapBlazor.Server/Components/Samples/Progress.razor
index 3c2e3d19539..00bdf803268 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Progress.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Progress.razor
@@ -1,4 +1,4 @@
-@page "/progress"
+@page "/progress"
 @inject IStringLocalizer<Progress> Localizer
 
 <h3>@Localizer["ProgressTitle"]</h3>
@@ -114,7 +114,7 @@
     <BootstrapBlazor.Components.Progress @bind-Value="@Value2" IsShowValue="true" Round="2"></BootstrapBlazor.Components.Progress>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Progress)" />
 
 @code {
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/PulseButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/PulseButtons.razor
index ec359602392..6d896ce7cf6 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/PulseButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/PulseButtons.razor
@@ -1,4 +1,4 @@
-@page "/pulse-button"
+@page "/pulse-button"
 @inject IStringLocalizer<PulseButtons> Localizer
 
 <h3>@Localizer["PulseButtonHeader"]</h3>
@@ -22,3 +22,5 @@
         <div class="col-6 col-sm-4 col-md-3 col-lg-auto"><PulseButton Icon="fa-solid fa-user" Color="Color.None"></PulseButton></div>
     </div>
 </DemoBlock>
+
+<AttributeTable Type="typeof(PulseButton)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/QRCodes.razor b/src/BootstrapBlazor.Server/Components/Samples/QRCodes.razor
index 3e5c5f99177..6929a7c054d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/QRCodes.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/QRCodes.razor
@@ -1,4 +1,4 @@
-@page "/qr-code"
+@page "/qr-code"
 @inject IStringLocalizer<QRCodes> Localizer
 
 <h3>@Localizer["QRCodesTitle"]</h3>
@@ -32,4 +32,4 @@
     <QRCode Content="https://www.blazor.zone" DarkColor="#50cd89"></QRCode>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(QRCode)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/QueryBuilders.razor b/src/BootstrapBlazor.Server/Components/Samples/QueryBuilders.razor
index 92536d41ece..9ee516e3553 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/QueryBuilders.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/QueryBuilders.razor
@@ -1,4 +1,4 @@
-@page "/query-builder"
+@page "/query-builder"
 @inject IStringLocalizer<QueryBuilders> Localizer
 
 <h3>@Localizer["QueryBuilderTitle"]</h3>
@@ -54,3 +54,5 @@
         </QueryGroup>
     </QueryBuilder>
 </DemoBlock>
+
+<AttributeTable Type="typeof(QueryBuilder<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/RDKits.razor b/src/BootstrapBlazor.Server/Components/Samples/RDKits.razor
index 29499a9db7c..aca36eeae8f 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/RDKits.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/RDKits.razor
@@ -1,4 +1,4 @@
-@page "/rdkit"
+@page "/rdkit"
 @inject IStringLocalizer<RDKits> Localizer
 
 <h3>@Localizer["RDKitTitle"]</h3>
@@ -34,3 +34,5 @@
     </section>
     <RDKit Smiles="CC(=O)Oc1ccccc1C(=O)O" Smarts="@Smarts"></RDKit>
 </DemoBlock>
+
+<AttributeTable Type="typeof(RDKit)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Radios.razor b/src/BootstrapBlazor.Server/Components/Samples/Radios.razor
index 2aa4a75a258..b67d0d38a90 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Radios.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Radios.razor
@@ -1,4 +1,4 @@
-@page "/radio"
+@page "/radio"
 @inject IStringLocalizer<Radios> Localizer
 @inject IStringLocalizer<Foo> LocalizerFoo
 
@@ -136,7 +136,7 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(RadioList<>)" />
 
 <EventTable Items="@GetEvents()" />
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Rates.razor b/src/BootstrapBlazor.Server/Components/Samples/Rates.razor
index 408a0101c3e..d689c36e7ad 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Rates.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Rates.razor
@@ -1,4 +1,4 @@
-@page "/rate"
+@page "/rate"
 @inject IStringLocalizer<Rates> Localizer
 
 <h3>@Localizer["RatesTitle"]</h3>
@@ -68,6 +68,6 @@
     <Rate Value="@BindValue3" ShowValue="true" IsWrap="true"></Rate>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Rate)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Reconnectors.razor b/src/BootstrapBlazor.Server/Components/Samples/Reconnectors.razor
index 4f6c7fa57da..e74fbfacfa7 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Reconnectors.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Reconnectors.razor
@@ -268,4 +268,4 @@
     &lt;/div&gt;
 &lt;/ReconnectRejectedTemplate&gt;</Pre>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Reconnector)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Repeaters.razor b/src/BootstrapBlazor.Server/Components/Samples/Repeaters.razor
index b50142bcf80..ed8aef93f44 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Repeaters.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Repeaters.razor
@@ -1,4 +1,4 @@
-@page "/repeater"
+@page "/repeater"
 @inject IStringLocalizer<Repeaters> Localizer
 @inject IStringLocalizer<Foo> FooLocalizer
 
@@ -66,4 +66,4 @@
     </Repeater>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Repeater<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Responsives.razor b/src/BootstrapBlazor.Server/Components/Samples/Responsives.razor
index 5e997cc31ab..057dc2c75d9 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Responsives.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Responsives.razor
@@ -1,4 +1,4 @@
-@page "/responsive"
+@page "/responsive"
 @inject IStringLocalizer<Responsives> Localizer
 
 <h3>@Localizer["ResponsiveTitle"]</h3>
@@ -9,4 +9,4 @@
     <Responsive OnBreakPointChanged="OnChanged" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Responsive)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/RibbonTabs.razor b/src/BootstrapBlazor.Server/Components/Samples/RibbonTabs.razor
index 29b9c0db600..7b103a6a974 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/RibbonTabs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/RibbonTabs.razor
@@ -1,4 +1,4 @@
-@page "/ribbon-tab"
+@page "/ribbon-tab"
 @inject IStringLocalizer<RibbonTabs> Localizer
 
 <h3>@Localizer["RibbonTabsTitle"]</h3>
@@ -51,4 +51,4 @@
     <RibbonTab Items="@AnchorItems" IsSupportAnchor="true" EncodeAnchorCallback="EncodeAnchorCallback" DecodeAnchorCallback="DecodeAnchorCallback"></RibbonTab>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(RibbonTab)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Rows.razor b/src/BootstrapBlazor.Server/Components/Samples/Rows.razor
index f43687d1d16..fca4530c975 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Rows.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Rows.razor
@@ -1,4 +1,4 @@
-@page "/row"
+@page "/row"
 @inject IStringLocalizer<Rows> Localizer
 @inject IStringLocalizer<Foo> LocalizerFoo
 
@@ -175,4 +175,4 @@
     </ValidateForm>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Row)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Scrolls.razor b/src/BootstrapBlazor.Server/Components/Samples/Scrolls.razor
index 9667be9c71f..e28bbf79760 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Scrolls.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Scrolls.razor
@@ -1,4 +1,4 @@
-@page "/scroll"
+@page "/scroll"
 @inject IStringLocalizer<Scrolls> Localizer
 
 <h3>@Localizer["ScrollTitle"]</h3>
@@ -25,4 +25,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Scroll)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SearchDialogs.razor b/src/BootstrapBlazor.Server/Components/Samples/SearchDialogs.razor
index 3ab8aa92e52..3a22baa1699 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SearchDialogs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SearchDialogs.razor
@@ -1,4 +1,4 @@
-@page "/search-dialog"
+@page "/search-dialog"
 @inject IStringLocalizer<SearchDialogs> Localizer
 @inject DialogService DialogService
 
@@ -32,4 +32,4 @@
     <Button Text="@Localizer["SearchDialogsLayoutButtonText2"]" OnClickWithoutRender="@ShowInlineAlignDialog" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" Title="@Localizer["SearchDialogOptionAttr"]" />
+<AttributeTable Type="typeof(SearchDialogOption<>)" Title="@Localizer["SearchDialogOptionAttr"]" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Searches.razor b/src/BootstrapBlazor.Server/Components/Samples/Searches.razor
index a6310349dfd..1fcbfc0e282 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Searches.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Searches.razor
@@ -1,4 +1,4 @@
-@page "/search"
+@page "/search"
 @inject IStringLocalizer<Searches> Localizer
 @inject IStringLocalizer<Foo> LocalizerFoo
 @inject IOptions<WebsiteOptions> WebsiteOption
@@ -193,4 +193,4 @@ private async Task OnClickClear()
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="@typeof(Search<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Segmenteds.razor b/src/BootstrapBlazor.Server/Components/Samples/Segmenteds.razor
index f5f7dd4edfc..225062c7318 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Segmenteds.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Segmenteds.razor
@@ -1,4 +1,4 @@
-@page "/segmented"
+@page "/segmented"
 @inject IStringLocalizer<Segmenteds> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -70,4 +70,4 @@
     </Segmented>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Segmented<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SelectCities.razor b/src/BootstrapBlazor.Server/Components/Samples/SelectCities.razor
index 8c685ad795c..82c22abc577 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SelectCities.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SelectCities.razor
@@ -1,4 +1,4 @@
-@page "/select-city"
+@page "/select-city"
 @inject IStringLocalizer<SelectCities> Localizer
 
 <h3>@Localizer["CityTitle"]</h3>
@@ -39,3 +39,5 @@
     <SelectCity @bind-Value="@_value" ShowSearch="_showSearch" AutoClose="_autoClose"
                 IsMultiple="_isMultiple" IsDisabled="_isDisabled"></SelectCity>
 </DemoBlock>
+
+<AttributeTable Type="typeof(SelectCity)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SelectGenerics.razor b/src/BootstrapBlazor.Server/Components/Samples/SelectGenerics.razor
index 66fd8030dae..52094a85449 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SelectGenerics.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SelectGenerics.razor
@@ -1,4 +1,4 @@
-@page "/select-generic"
+@page "/select-generic"
 @inject DialogService Dialog
 @inject IStringLocalizer<Selects> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
@@ -437,6 +437,6 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SelectGeneric<>)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SelectObjects.razor b/src/BootstrapBlazor.Server/Components/Samples/SelectObjects.razor
index 9a6419e4c3b..4ce7bf60501 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SelectObjects.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SelectObjects.razor
@@ -1,4 +1,4 @@
-@page "/select-object"
+@page "/select-object"
 @inject IStringLocalizer<SelectObjects> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -72,3 +72,4 @@
     </div>
 </DemoBlock>
 
+<AttributeTable Type="typeof(SelectObject<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SelectProvinces.razor b/src/BootstrapBlazor.Server/Components/Samples/SelectProvinces.razor
index 41d04020993..0b69c0f8aef 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SelectProvinces.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SelectProvinces.razor
@@ -1,4 +1,4 @@
-@page "/select-province"
+@page "/select-province"
 @inject IStringLocalizer<SelectProvinces> Localizer
 
 <h3>@Localizer["ProvinceTitle"]</h3>
@@ -18,3 +18,5 @@
            Name="IsMultiple">
     <SelectProvince IsMultiple="true" Value="@_multipleValues"></SelectProvince>
 </DemoBlock>
+
+<AttributeTable Type="typeof(SelectProvince)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SelectRegions.razor b/src/BootstrapBlazor.Server/Components/Samples/SelectRegions.razor
index 0bb85b2fdd0..3ddc415dde1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SelectRegions.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SelectRegions.razor
@@ -14,3 +14,5 @@
            Name="Normal">
     <SelectRegion Value="@_value"></SelectRegion>
 </DemoBlock>
+
+<AttributeTable Type="typeof(SelectRegion)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SelectTables.razor b/src/BootstrapBlazor.Server/Components/Samples/SelectTables.razor
index 60354ac0e32..bf3260a1fa1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SelectTables.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SelectTables.razor
@@ -1,4 +1,4 @@
-@page "/select-table"
+@page "/select-table"
 @inject IOptions<WebsiteOptions> WebsiteOption
 
 <h3>@Localizer["Title"]</h3>
@@ -112,4 +112,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SelectTable<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SelectTrees.razor b/src/BootstrapBlazor.Server/Components/Samples/SelectTrees.razor
index ea284db84eb..e3d092be1d1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SelectTrees.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SelectTrees.razor
@@ -1,4 +1,4 @@
-@page "/select-tree"
+@page "/select-tree"
 @inject IStringLocalizer<SelectTrees> Localizer
 
 <h3>@Localizer["SelectTreesTitle"]</h3>
@@ -73,3 +73,5 @@
         </div>
     </div>
 </DemoBlock>
+
+<AttributeTable Type="typeof(SelectTree<>)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor
index ea29a861520..4a61f2f8dd0 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor
@@ -474,6 +474,6 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Select<>)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ShieldBadges.razor b/src/BootstrapBlazor.Server/Components/Samples/ShieldBadges.razor
index 87c66f39b60..ab7b9cab831 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ShieldBadges.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ShieldBadges.razor
@@ -1,4 +1,4 @@
-@page "/shield-badge"
+@page "/shield-badge"
 @inject IStringLocalizer<ShieldBadges> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -72,3 +72,5 @@
                  Text="12M" TextColor="@_textColor" TextBackgroundColor="@_textBackgroundColor"
                  Radius="@_radius"></ShieldBadge>
 </DemoBlock>
+
+<AttributeTable Type="typeof(ShieldBadge)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SignaturePadPageResponsive.razor b/src/BootstrapBlazor.Server/Components/Samples/SignaturePadPageResponsive.razor
index 0e944550007..ee150e1b622 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SignaturePadPageResponsive.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SignaturePadPageResponsive.razor
@@ -1,4 +1,4 @@
-@page "/signature-responsive"
+@page "/signature-responsive"
 @inject IStringLocalizer<SignaturePadPageResponsive> Localizer
 
 <h3>@Localizer["ResponsiveInterfaceText"]</h3>
@@ -31,6 +31,8 @@
     @Localizer["BackText"]
 </a>
 
+<AttributeTable Type="typeof(SignaturePad)" />
+
 @code {
     /// <summary>
     /// 签名Base64
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SignaturePads.razor b/src/BootstrapBlazor.Server/Components/Samples/SignaturePads.razor
index 99ae402bb0f..509ec9c99bb 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SignaturePads.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SignaturePads.razor
@@ -1,4 +1,4 @@
-@page "/signature-pad"
+@page "/signature-pad"
 @inject IStringLocalizer<SignaturePads> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -43,4 +43,4 @@
     <p>@((MarkupString)Localizer["Tips"].Value)</p>
 </Tips>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SignaturePad)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Skeletons.razor b/src/BootstrapBlazor.Server/Components/Samples/Skeletons.razor
index 228175f752b..761f1beea65 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Skeletons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Skeletons.razor
@@ -1,4 +1,4 @@
-@page "/skeleton"
+@page "/skeleton"
 @inject IStringLocalizer<Skeletons> Localizer
 
 <h3>@Localizer["SkeletonsTitle"]</h3>
@@ -56,4 +56,10 @@
     <SkeletonTree />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SkeletonAvatar)" />
+
+<AttributeTable Type="typeof(SkeletonParagraph)" />
+
+<AttributeTable Type="typeof(SkeletonEditor)" />
+
+<AttributeTable Type="typeof(SkeletonTable)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SlideButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/SlideButtons.razor
index 0f2ba00243a..8a19011aac7 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SlideButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SlideButtons.razor
@@ -1,4 +1,4 @@
-@page "/slide-button"
+@page "/slide-button"
 @inject IStringLocalizer<SlideButtons> Localizer
 
 <h3>@Localizer["SlideButtonTitle"]</h3>
@@ -117,4 +117,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SlideButton)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Sliders.razor b/src/BootstrapBlazor.Server/Components/Samples/Sliders.razor
index 306a91b11c3..b45cdae9ae4 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Sliders.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Sliders.razor
@@ -1,4 +1,4 @@
-@page "/slider"
+@page "/slider"
 
 @inject IStringLocalizer<Sliders> Localizer
 
@@ -102,6 +102,6 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(Slider<>)"></AttributeTable>
 
 <EventTable Items="@GetEvents()"></EventTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SmilesDrawers.razor b/src/BootstrapBlazor.Server/Components/Samples/SmilesDrawers.razor
index 0c073114d5e..6df7fbfd82c 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SmilesDrawers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SmilesDrawers.razor
@@ -1,4 +1,4 @@
-@page "/smiles-drawer"
+@page "/smiles-drawer"
 @inject IStringLocalizer<SmilesDrawers> Localizer
 
 <h3>@Localizer["SmilesDrawerTitle"]</h3>
@@ -21,3 +21,5 @@
     </section>
     <SmilesDrawer Smiles="CC(=O)Oc1ccccc1C(=O)O" Options="_options"></SmilesDrawer>
 </DemoBlock>
+
+<AttributeTable Type="typeof(SmilesDrawer)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SortableLists.razor b/src/BootstrapBlazor.Server/Components/Samples/SortableLists.razor
index ca0c8beee7b..697158fdfc4 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SortableLists.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SortableLists.razor
@@ -1,4 +1,4 @@
-@page "/sortable-list"
+@page "/sortable-list"
 @inject IStringLocalizer<SortableLists> Localizer
 @inject IStringLocalizer<Foo> FooLocalizer
 
@@ -268,4 +268,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SortableList)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Speeches/SpeechWaves.razor b/src/BootstrapBlazor.Server/Components/Samples/Speeches/SpeechWaves.razor
index 107806521a5..c61e5172798 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Speeches/SpeechWaves.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Speeches/SpeechWaves.razor
@@ -1,4 +1,4 @@
-@page "/speech/wave"
+@page "/speech/wave"
 @inject IStringLocalizer<SpeechWaves> Localizer
 
 <h3>@Localizer["SpeechWaveTitle"]</h3>
@@ -30,4 +30,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SpeechWave)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Spinners.razor b/src/BootstrapBlazor.Server/Components/Samples/Spinners.razor
index 4e89ae906df..2993a9a54e0 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Spinners.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Spinners.razor
@@ -1,4 +1,4 @@
-@page "/spinner"
+@page "/spinner"
 @inject IStringLocalizer<Spinners> Localizer
 
 <h3>@Localizer["SpinnersTitle"]</h3>
@@ -90,4 +90,4 @@
     <Spinner Class="float-end"></Spinner>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Spinner)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Splits.razor b/src/BootstrapBlazor.Server/Components/Samples/Splits.razor
index 29148b3f492..a5cbcc1b045 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Splits.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Splits.razor
@@ -1,4 +1,4 @@
-@page "/split"
+@page "/split"
 @inject IStringLocalizer<Splits> Localizer
 
 <h3>@Localizer["SplitsTitle"]</h3>
@@ -142,4 +142,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Split)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Splittings.razor b/src/BootstrapBlazor.Server/Components/Samples/Splittings.razor
index d943de1a5cb..faec57d0680 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Splittings.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Splittings.razor
@@ -1,4 +1,4 @@
-@page "/splitting"
+@page "/splitting"
 @inject IStringLocalizer<Splittings> Localizer
 
 <h3>@Localizer["SplittingTitle"]</h3>
@@ -50,4 +50,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(Splitting)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Stacks.razor b/src/BootstrapBlazor.Server/Components/Samples/Stacks.razor
index 2c343e826b7..2dd0a4a7d0b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Stacks.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Stacks.razor
@@ -1,4 +1,4 @@
-@page "/stack"
+@page "/stack"
 @inject IStringLocalizer<Stacks> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -73,4 +73,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributeItems()" />
+<AttributeTable Type="typeof(Stack)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Steps.razor b/src/BootstrapBlazor.Server/Components/Samples/Steps.razor
index dbc21ba0b53..86b47d9b4d5 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Steps.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Steps.razor
@@ -1,4 +1,4 @@
-@page "/step"
+@page "/step"
 @inject IStringLocalizer<Steps> Localizer
 
 <h3>@Localizer["StepsTitle"]</h3>
@@ -144,6 +144,6 @@
     </Step>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Step)" />
 
-<AttributeTable Title="@Localizer["AttributeTitle"]" Items="@GetStepItemAttributes()" />
+<AttributeTable Type="typeof(StepItem)" Title="@nameof(StepItem)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SvgEditors.razor b/src/BootstrapBlazor.Server/Components/Samples/SvgEditors.razor
index 9948dad8f30..79bcc08e388 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SvgEditors.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SvgEditors.razor
@@ -1,4 +1,4 @@
-@page "/svg-editors"
+@page "/svg-editors"
 @inject IStringLocalizer<SvgEditors> Localizer
 
 <h3>@Localizer["SvgEditorTitle"]</h3>
@@ -9,3 +9,5 @@
     <SvgEditor OnSaveChanged="@OnSaveChanged"></SvgEditor>
     <ConsoleLogger @ref="Console" class="mt-3"></ConsoleLogger>
 </DemoBlock>
+
+<AttributeTable Type="typeof(SvgEditor)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SweetAlerts.razor b/src/BootstrapBlazor.Server/Components/Samples/SweetAlerts.razor
index 5c8bb0cd799..37475e09647 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SweetAlerts.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SweetAlerts.razor
@@ -1,4 +1,4 @@
-@page "/sweet-alert"
+@page "/sweet-alert"
 @inject IStringLocalizer<SweetAlerts> Localizer
 @inject SwalService SwalService
 
@@ -152,4 +152,4 @@ await SwalService.Show(op);</Pre>
     <Button Icon="fa-solid fa-font-awesome" Text="@Localizer["SweetAlertsCloseButtonText"]" Color="Color.Success" OnClick="@ShowCloseSwal" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SweetAlert)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/SwitchButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/SwitchButtons.razor
index 3bb0615de25..0cb761bfeb1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/SwitchButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/SwitchButtons.razor
@@ -1,4 +1,4 @@
-@page "/switch-button"
+@page "/switch-button"
 @inject IStringLocalizer<SwitchButtons> Localizer
 
 <h3>@Localizer["SwitchButtonsTitle"]</h3>
@@ -25,4 +25,4 @@
     <ConsoleLogger @ref="Logger" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(SwitchButton)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Switches.razor b/src/BootstrapBlazor.Server/Components/Samples/Switches.razor
index ee811cb0e09..203bfbdf01b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Switches.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Switches.razor
@@ -1,4 +1,4 @@
-@page "/switch"
+@page "/switch"
 @inject IStringLocalizer<Switches> Localizer
 
 <h3>@Localizer["SwitchesTitle"]</h3>
@@ -92,6 +92,6 @@
     <NullSwitch @bind-Value="@NullValue" OnColor="Color.Dark" OnText="@Localizer["SwitchesOnText"]" OffText="@Localizer["SwitchesOffText"]" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Switch)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesCell.razor b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesCell.razor
index e42423323ee..e4832acc4f8 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesCell.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesCell.razor
@@ -1,4 +1,4 @@
-@page "/table/cell"
+@page "/table/cell"
 @inject IStringLocalizer<NavMenu> NavMenuLocalizer
 @inject IStringLocalizer<TablesCell> Localizer
 @inject IStringLocalizer<Foo> FooLocalizer
@@ -52,4 +52,4 @@
     </Table>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()" Title="TableCell" />
+<AttributeTable Type="typeof(TableCellArgs)" Title="TableCell" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor
index fb06c17ac1e..ffbdcff137a 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor
@@ -1,4 +1,4 @@
-@page "/tab"
+@page "/tab"
 @inject IStringLocalizer<Tabs> Localizer
 @inject ToastService ToastService
 
@@ -522,6 +522,6 @@ private void Navigation()
     </Tab>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" Title="@Localizer["AttTitle"]" />
+<AttributeTable Type="@typeof(Tab)" />
 
 <MethodTable Items="@GetMethods()" Title="@Localizer["MethodTitle"]" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tags.razor b/src/BootstrapBlazor.Server/Components/Samples/Tags.razor
index cb8c5d658ac..2b22a025f5a 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tags.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tags.razor
@@ -1,4 +1,4 @@
-@page "/tag"
+@page "/tag"
 @inject IStringLocalizer<Tags> Localizer
 
 <h3>@Localizer["TagsTitle"]</h3>
@@ -81,6 +81,6 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Tag)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor b/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor
index 3dda0358228..2580f7f62ef 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor
@@ -1,4 +1,4 @@
-@page "/task-board"
+@page "/task-board"
 @using BootstrapBlazor.Components.Tasks
 
 @inject IStringLocalizer<TaskBoard> Localizer
@@ -14,3 +14,5 @@
            Name="Normal">
     <TaskDashboard></TaskDashboard>
 </DemoBlock>
+
+<AttributeTable Type="typeof(TaskDashboard)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/TextAreas.razor b/src/BootstrapBlazor.Server/Components/Samples/TextAreas.razor
index 1d74d54a6d0..481ea66ed85 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/TextAreas.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/TextAreas.razor
@@ -1,4 +1,4 @@
-@page "/textarea"
+@page "/textarea"
 @inject IStringLocalizer<TextAreas> Localizer
 @implements IDisposable
 
@@ -73,4 +73,4 @@
     <ConsoleLogger @ref="ConsoleLogger"></ConsoleLogger>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Textarea)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/TimePickers.razor b/src/BootstrapBlazor.Server/Components/Samples/TimePickers.razor
index 272cedfc5ee..e2c52120fad 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/TimePickers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/TimePickers.razor
@@ -1,4 +1,4 @@
-@page "/time-picker"
+@page "/time-picker"
 
 <h3>@Localizer["Title"]</h3>
 
@@ -19,3 +19,5 @@
         </div>
     </div>
 </DemoBlock>
+
+<AttributeTable Type="typeof(TimePicker)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Timelines.razor b/src/BootstrapBlazor.Server/Components/Samples/Timelines.razor
index 0ec383ed549..9367451c106 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Timelines.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Timelines.razor
@@ -1,4 +1,4 @@
-@page "/timeline"
+@page "/timeline"
 @inject IStringLocalizer<Timelines> Localizer
 
 <h3>@Localizer["TimelinesTitle"]</h3>
@@ -32,6 +32,6 @@
     <Timeline Items="GetCustomerComponentTimelineItems()" />
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()" />
+<AttributeTable Type="typeof(Timeline)" />
 
-<AttributeTable Items="GetTimelineItemAttributes()" Title="@Localizer["TimelinesAttributeTitle"]" />
+<AttributeTable Type="typeof(TimelineItem)" Title="@Localizer["TimelinesAttributeTitle"]" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Timers.razor b/src/BootstrapBlazor.Server/Components/Samples/Timers.razor
index 70e768d5fb5..df0907ee097 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Timers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Timers.razor
@@ -1,4 +1,4 @@
-@page "/timer"
+@page "/timer"
 @inject IStringLocalizer<Timers> Localizer
 
 <h3>@Localizer["TimersTitle"]</h3>
@@ -17,4 +17,4 @@
     <Timer Color="Color.Warning" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Timer)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Titles.razor b/src/BootstrapBlazor.Server/Components/Samples/Titles.razor
index 2bb2f7eb7d9..f2c8dff4de2 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Titles.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Titles.razor
@@ -1,4 +1,4 @@
-@page "/title"
+@page "/title"
 @inject IStringLocalizer<Titles> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -51,3 +51,5 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     await TitleService.SetTitle("@Localizer["FuncationParmeter"]");
 }</Pre>
 </DemoBlock>
+
+<AttributeTable Type="typeof(Title)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Toasts.razor b/src/BootstrapBlazor.Server/Components/Samples/Toasts.razor
index a8f4dc6ffcc..a47aed468eb 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Toasts.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Toasts.razor
@@ -1,4 +1,4 @@
-@page "/toast"
+@page "/toast"
 @inject IStringLocalizer<Toasts> Localizer
 @inject ToastService ToastService
 
@@ -164,7 +164,7 @@ private ToastService? ToastService { get; set; }
     });
 }</Pre>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Toast)" />
 
 @code {
     RenderFragment RenderHeader =>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Toggles.razor b/src/BootstrapBlazor.Server/Components/Samples/Toggles.razor
index 90b6d1be714..bad9db8c908 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Toggles.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Toggles.razor
@@ -1,4 +1,4 @@
-@page "/toggle"
+@page "/toggle"
 @inject IStringLocalizer<Toggles> Localizer
 
 <h3>@Localizer["TogglesTitle"]</h3>
@@ -104,6 +104,6 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Toggle)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Toolbars.razor b/src/BootstrapBlazor.Server/Components/Samples/Toolbars.razor
index 10a40776a96..fd3de1035ff 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Toolbars.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Toolbars.razor
@@ -1,4 +1,4 @@
-@page "/toolbar"
+@page "/toolbar"
 @inject IStringLocalizer<Toolbars> Localizer
 
 <h3>@Localizer["ToolbarsTitle"]</h3>
@@ -52,3 +52,5 @@
         </ToolbarButtonGroup>
     </Toolbar>
 </DemoBlock>
+
+<AttributeTable Type="typeof(Toolbar)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tooltips.razor b/src/BootstrapBlazor.Server/Components/Samples/Tooltips.razor
index 0f4bfad44a5..3488c1c4cce 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tooltips.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tooltips.razor
@@ -1,4 +1,4 @@
-@page "/tooltip"
+@page "/tooltip"
 @inject IStringLocalizer<Tooltips> Localizer
 
 <h3>@Localizer["TooltipsTitle"]</h3>
@@ -103,4 +103,4 @@
     <Button Text="Trigger" OnClickWithoutRender="ToggleShow"></Button>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Tooltip)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Topologies.razor b/src/BootstrapBlazor.Server/Components/Samples/Topologies.razor
index 21cdc4a1662..5346c3c97f4 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Topologies.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Topologies.razor
@@ -1,4 +1,4 @@
-@page "/topology"
+@page "/topology"
 @inherits WebSiteModuleComponentBase
 @inject IStringLocalizer<Topologies> Localizer
 @inject FanControllerDataService DataService
@@ -19,4 +19,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Topology)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Transfers.razor b/src/BootstrapBlazor.Server/Components/Samples/Transfers.razor
index 8b9b450ca11..c6a51737366 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Transfers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Transfers.razor
@@ -1,4 +1,4 @@
-@page "/transfer"
+@page "/transfer"
 @inject IStringLocalizer<Transfers> Localizer
 
 <h3>@Localizer["TransfersTitle"]</h3>
@@ -119,6 +119,6 @@
     <Transfer TValue="string" Items="@Items4" OnSetItemClass="SetItemClass" />
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Transfer<>)" />
 
 <EventTable Items="@GetEvents()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Transitions.razor b/src/BootstrapBlazor.Server/Components/Samples/Transitions.razor
index a680025ca8f..3dac5abb9aa 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Transitions.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Transitions.razor
@@ -1,4 +1,4 @@
-@page "/transition"
+@page "/transition"
 @inject IStringLocalizer<Transitions> Localizer
 
 <h3>@Localizer["TransitionsTitle"]</h3>
@@ -32,4 +32,4 @@
     </Transition>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(Transition)" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Translators.razor b/src/BootstrapBlazor.Server/Components/Samples/Translators.razor
index 9be68a1a682..d975d72946d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Translators.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Translators.razor
@@ -1,4 +1,4 @@
-@page "/translator"
+@page "/translator"
 @inject IStringLocalizer<Translators> Localizer
 
 <h3>@Localizer["TranslatorsTitle"]</h3>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor b/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor
index e0d480c802f..65b48e06967 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor
@@ -216,6 +216,6 @@
     </TreeView>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(TreeView<>)"></AttributeTable>
 
 <AttributeTable Items="@GetTreeItemAttributes()" Title="@Localizer["TreeViewsAttribute"]"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Typeds.razor b/src/BootstrapBlazor.Server/Components/Samples/Typeds.razor
index 50d9cf24851..33fe7426d99 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Typeds.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Typeds.razor
@@ -1,4 +1,4 @@
-@page "/typed"
+@page "/typed"
 @inject IStringLocalizer<Typeds> Localizer
 
 <h3>@Localizer["TypedTitle"]</h3>
@@ -28,4 +28,4 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@TypedAttributes" Title="@Localizer["TypedAttribute"]"></AttributeTable>
+<AttributeTable Type="typeof(Typed)" Title="@Localizer["TypedAttribute"]"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/UniverSheets.razor b/src/BootstrapBlazor.Server/Components/Samples/UniverSheets.razor
index ff26532ec11..dd2d9e45dc1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/UniverSheets.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/UniverSheets.razor
@@ -37,3 +37,5 @@
         <UniverSheet @ref="_sheetPlugin" Plugins="_plugins" OnReadyAsync="OnReadyPushAsync" OnPostDataAsync="OnPostDataAsync"></UniverSheet>
     </div>
 </DemoBlock>
+
+<AttributeTable Type="typeof(UniverSheet)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/UploadAvatars.razor b/src/BootstrapBlazor.Server/Components/Samples/UploadAvatars.razor
index a25da281e19..3130cfa1c8d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/UploadAvatars.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/UploadAvatars.razor
@@ -1,4 +1,4 @@
-@page "/upload-avatar"
+@page "/upload-avatar"
 @inject IOptions<WebsiteOptions> WebsiteOption
 @inject IStringLocalizer<UploadAvatars> Localizer
 @inject ToastService ToastService
@@ -76,4 +76,4 @@
     </ValidateForm>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(AvatarUpload<>)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/UploadButtons.razor b/src/BootstrapBlazor.Server/Components/Samples/UploadButtons.razor
index f7e2d351fac..2034301795e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/UploadButtons.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/UploadButtons.razor
@@ -1,4 +1,4 @@
-@page "/upload-button"
+@page "/upload-button"
 @inject IOptions<WebsiteOptions> WebsiteOption
 @inject IStringLocalizer<UploadButtons> Localizer
 @inject ToastService ToastService
@@ -59,3 +59,5 @@
                   ShowUploadFileList="@_showUploadFileList" ShowDownloadButton="@_showDownloadButton"
                   OnChange="@OnClickToUpload" OnDownload="OnDownload" OnDelete="OnDelete"></ButtonUpload>
 </DemoBlock>
+
+<AttributeTable Type="typeof(ButtonUpload<>)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/UploadCards.razor b/src/BootstrapBlazor.Server/Components/Samples/UploadCards.razor
index c65276e5ad5..b1ddeacfa01 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/UploadCards.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/UploadCards.razor
@@ -119,3 +119,5 @@
            Name="Base64">
     <CardUpload TValue="string" DefaultFileList="@Base64FormatFileList" ShowDownloadButton="false" ShowDeleteButton="false"></CardUpload>
 </DemoBlock>
+
+<AttributeTable Type="typeof(CardUpload<>)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/UploadDrops.razor b/src/BootstrapBlazor.Server/Components/Samples/UploadDrops.razor
index 2277d5c6c88..ea34a490b27 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/UploadDrops.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/UploadDrops.razor
@@ -1,4 +1,4 @@
-@page "/upload-drop"
+@page "/upload-drop"
 @inject IOptions<WebsiteOptions> WebsiteOption
 @inject IStringLocalizer<UploadDrops> Localizer
 @inject ToastService ToastService
@@ -57,4 +57,4 @@
                 ShowProgress="@_showProgress" ShowUploadFileList="@_showUploadFileList" ShowFooter="@_showFooter"></DropUpload>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(DropUpload)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/UploadInputs.razor b/src/BootstrapBlazor.Server/Components/Samples/UploadInputs.razor
index 201feac8a82..d5fc395fd2d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/UploadInputs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/UploadInputs.razor
@@ -1,4 +1,4 @@
-@page "/upload-input"
+@page "/upload-input"
 @inject IStringLocalizer<UploadInputs> Localizer
 @inject ToastService ToastService
 
@@ -46,4 +46,4 @@
     </ValidateForm>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()"></AttributeTable>
+<AttributeTable Type="typeof(InputUpload<>)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ValidateForms.razor b/src/BootstrapBlazor.Server/Components/Samples/ValidateForms.razor
index 518138557f3..92b558d5b13 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ValidateForms.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ValidateForms.razor
@@ -1,4 +1,4 @@
-@page "/validate-form"
+@page "/validate-form"
 @inject IStringLocalizer<ValidateForms> Localizer
 @inject IStringLocalizer<Foo> LocalizerFoo
 
@@ -416,6 +416,6 @@ private Task OnClickValidate()
     </ValidateForm>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(ValidateForm)"></AttributeTable>
 
 <MethodTable Items="@GetMethods()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Vditors.razor b/src/BootstrapBlazor.Server/Components/Samples/Vditors.razor
index 24a5fc3c553..18200bd9c0a 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Vditors.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Vditors.razor
@@ -1,4 +1,4 @@
-@page "/vditor"
+@page "/vditor"
 @inject IOptions<WebsiteOptions> WebsiteOption
 
 <h3>@Localizer["VditorTitle"]</h3>
@@ -51,4 +51,4 @@
     </section>
 </DemoBlock>
 
-<AttributeTable Items="GetAttributes()" />
+<AttributeTable Type="typeof(Vditor)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/VideoDevices.razor b/src/BootstrapBlazor.Server/Components/Samples/VideoDevices.razor
index 73c72d0bf9b..f65f4ac812c 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/VideoDevices.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/VideoDevices.razor
@@ -1,4 +1,4 @@
-@page "/video-device"
+@page "/video-device"
 @inject IStringLocalizer<VideoDevices> Localizer
 
 <h3>@Localizer["VideoDeviceTitle"]</h3>
@@ -36,4 +36,3 @@ private IVideoDevice? VideoDeviceService { get; set; }</Pre>
         <img class="bb-image" src="@_previewUrl" />
     }
 </DemoBlock>
-
diff --git a/src/BootstrapBlazor.Server/Components/Samples/VideoPlayers.razor b/src/BootstrapBlazor.Server/Components/Samples/VideoPlayers.razor
index e9bd3c7479f..4d87e399a15 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/VideoPlayers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/VideoPlayers.razor
@@ -1,4 +1,4 @@
-@page "/video-player"
+@page "/video-player"
 @inject IStringLocalizer<VideoPlayers> Localizer
 
 <h3>@Localizer["VideoPlayersTitle"]</h3>
@@ -43,7 +43,8 @@
     </div>
 </DemoBlock>
 
-<AttributeTable Items="@GetAttributes()" />
+<AttributeTable Type="typeof(VideoPlayer)"></AttributeTable>
+
 <br />
 <h5>@Localizer["MineType"]</h5>
 <ol>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Watermarks.razor b/src/BootstrapBlazor.Server/Components/Samples/Watermarks.razor
index 96a827d89f2..6ef1217028b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Watermarks.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Watermarks.razor
@@ -1,4 +1,4 @@
-@page "/watermark"
+@page "/watermark"
 @inject IStringLocalizer<Watermarks> Localizer
 
 <h3>@Localizer["WatermarkTitle"]</h3>
@@ -51,3 +51,5 @@
         </div>
     </Watermark>
 </DemoBlock>
+
+<AttributeTable Type="typeof(Watermark)"></AttributeTable>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/WinBoxes.razor b/src/BootstrapBlazor.Server/Components/Samples/WinBoxes.razor
index b08e95a29e0..922d31c76cc 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/WinBoxes.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/WinBoxes.razor
@@ -1,4 +1,4 @@
-@page "/win-box"
+@page "/win-box"
 @inject IStringLocalizer<WinBoxes> Localizer
 @inject IStringLocalizer<Foo> LocalizerFoo
 @inject IOptions<WebsiteOptions> WebsiteOption
@@ -115,4 +115,4 @@ private async Task Close()
 
 <p>更多参数信息可参考 <a href="https://github.com/dotnetcore/BootstrapBlazor/blob/main/src/Extensions/Components/BootstrapBlazor.WinBox/WinBoxOption.cs" target="_blank">WinBoxOption</a> 注释</p>
 
-<AttributeTable Items="@GetAttributes()" Title="WinBoxOption" />
+<AttributeTable Type="typeof(WinBoxOption)" Title="WinBoxOption" />