Success
diff --git a/BlazorFluentUI/Components/Pages/Components/CompoOverlay.razor b/BlazorFluentUI/Components/Pages/Components/CompoOverlay.razor
new file mode 100644
index 0000000..1cd4aa2
--- /dev/null
+++ b/BlazorFluentUI/Components/Pages/Components/CompoOverlay.razor
@@ -0,0 +1,81 @@
+@page "/compooverlay"
+
+@inject IDialogService DialogService;
+
+@rendermode RenderMode.InteractiveServer
+
+MessageBox
+
+
+ FluentOverlays are used to templorarily overlay screen content to focus a dialog, progress or other infomtion/interaction.
+
+
+
+Default
+
+
+ Show Overlay
+
+
+
+
+
+
+Timed
+
+
+ Show Timed Overlay
+
+
+
+
+
+
+Transparent
+
+
+ Show Transparent Overlay
+
+
+
+
+
+
+Full screen
+
+
+ Show Full-Screen Overlay
+
+
+
+
+
+
+@code {
+ bool evisible = false;
+
+ bool tvisible = false;
+ async Task HandleTOnOpen()
+ {
+ tvisible = true;
+ await Task.Delay(3000);
+ tvisible = false;
+ }
+
+ bool tpvisible = false;
+
+ bool fvisible = false;
+}