diff --git a/BlazorFluentUI/Components/Layout/NavMenu.razor b/BlazorFluentUI/Components/Layout/NavMenu.razor
index 897f1b8..f2704a7 100644
--- a/BlazorFluentUI/Components/Layout/NavMenu.razor
+++ b/BlazorFluentUI/Components/Layout/NavMenu.razor
@@ -71,6 +71,7 @@
MessageBox
Overlay
Persona
+ Popover
Toast
diff --git a/BlazorFluentUI/Components/Pages/Components/CompoPopover.razor b/BlazorFluentUI/Components/Pages/Components/CompoPopover.razor
new file mode 100644
index 0000000..90cdf51
--- /dev/null
+++ b/BlazorFluentUI/Components/Pages/Components/CompoPopover.razor
@@ -0,0 +1,53 @@
+@page "/compopopover"
+
+@rendermode RenderMode.InteractiveServer
+
+Popover
+
+
+ FluentPopovers are used to display additional information about an element when the user hovers over or focuses on the element.
+ Use the AnchorId parameter to connect the popover to the component it is positioned relative to.
+
+
+
+Callout
+
+
+
+ Open Callout 1
+
+
+
+ Open Callout 2
+
+
+
+
+
+ Callout Body
+
+ Item 1
+ Item 2
+
+
+
+
+
+
+
+
+
+ Callout Body
+
+
+
+
+
+
+@code {
+ bool cVisible1, cVisible2;
+}