From 4dbfbae5b81c09b5770f8b38cb18464b1b2f6554 Mon Sep 17 00:00:00 2001
From: Gary Chan <gary.chan@c0g1t8.com>
Date: Thu, 28 Sep 2023 20:49:24 -0700
Subject: [PATCH 1/3] corrects minor typo

---
 examples/Demo/Shared/Pages/Dialog/DialogPage.razor | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/Demo/Shared/Pages/Dialog/DialogPage.razor b/examples/Demo/Shared/Pages/Dialog/DialogPage.razor
index d013c5a9f5..0416053836 100644
--- a/examples/Demo/Shared/Pages/Dialog/DialogPage.razor
+++ b/examples/Demo/Shared/Pages/Dialog/DialogPage.razor
@@ -90,7 +90,7 @@
             footer and body by leveraging the <code>FluentDialogHeader</code>, <code>FluentDialogFooter</code> and <code>FluentDialogBody</code> parameters.
         </p>
         <p>
-            The dialog can <b>not</b>t be dismissed by clicking on the overlay. This is achieved by setting the dialog parameter <code>PreventDismissOnOverlayClick</code> to <code>true</code>.
+            The dialog can <b>not</b> be dismissed by clicking on the overlay. This is achieved by setting the dialog parameter <code>PreventDismissOnOverlayClick</code> to <code>true</code>.
         </p>
     </Description>
 </DemoSection>

From 57033478dc7debb061c2b4f1377d9589132ab79a Mon Sep 17 00:00:00 2001
From: Gary Chan <gary.chan@c0g1t8.com>
Date: Fri, 29 Sep 2023 11:10:53 -0700
Subject: [PATCH 2/3] fixes typo in comments

---
 examples/Demo/Shared/Components/DemoSection.razor.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/Demo/Shared/Components/DemoSection.razor.cs b/examples/Demo/Shared/Components/DemoSection.razor.cs
index 310710da25..6d559a69d0 100644
--- a/examples/Demo/Shared/Components/DemoSection.razor.cs
+++ b/examples/Demo/Shared/Components/DemoSection.razor.cs
@@ -30,7 +30,7 @@ public partial class DemoSection : ComponentBase
     public RenderFragment? Description { get; set; }
 
     /// <summary>
-    /// The component for wich the example will be shown. Enter the type (typeof(...)) _name 
+    /// The component for which the example will be shown. Enter the type (typeof(...)) _name 
     /// </summary>
     [Parameter, EditorRequired]
     public Type Component { get; set; } = default!;

From b356f61c5e3434a9ea5fbed0b6d6eb4666f7becd Mon Sep 17 00:00:00 2001
From: Gary Chan <gary.chan@c0g1t8.com>
Date: Fri, 29 Sep 2023 11:15:39 -0700
Subject: [PATCH 3/3] fix by restoring SimpleCustomizedDialog.razor

---
 .../Examples/SimpleCustomizedDialog.razor     | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/examples/Demo/Shared/Pages/Dialog/Examples/SimpleCustomizedDialog.razor b/examples/Demo/Shared/Pages/Dialog/Examples/SimpleCustomizedDialog.razor
index d978fd2234..43248ba7e7 100644
--- a/examples/Demo/Shared/Pages/Dialog/Examples/SimpleCustomizedDialog.razor
+++ b/examples/Demo/Shared/Pages/Dialog/Examples/SimpleCustomizedDialog.razor
@@ -1,8 +1,25 @@
 @implements IDialogContentComponent<SimplePerson>
 
-<FluentDialogHeader Visible="false" />
-<FluentDialogFooter Visible="false" />
-<FluentDialogBody>hello</FluentDialogBody>
+@* Header *@
+<FluentDialogHeader ShowDismiss="true">
+    <FluentStack VerticalAlignment="VerticalAlignment.Center">
+        <FluentIcon Value="@(new Icons.Regular.Size24.WindowApps())" />
+        <FluentLabel Typo="Typography.PaneHeader">
+            @Dialog.Instance.Parameters.Title
+        </FluentLabel>
+    </FluentStack>
+</FluentDialogHeader>
+
+@* Footer *@
+<FluentDialogFooter>
+    <FluentButton Appearance="Appearance.Accent" OnClick="@SaveAsync">Close</FluentButton>
+</FluentDialogFooter>
+
+@* Body *@
+<FluentDialogBody>
+    <FluentTextField @bind-Value="@Content.Firstname">FirstName:</FluentTextField>
+    <FluentNumberField @bind-Value="@Content.Age">Age:</FluentNumberField>
+</FluentDialogBody>
 
 @code {
     [Parameter]