From 63c23d1691ca92d438bb7eada88dd0bd4ae70e78 Mon Sep 17 00:00:00 2001
From: Luke Latham <1622880+guardrex@users.noreply.github.com>
Date: Thu, 14 Nov 2024 03:26:25 -0500
Subject: [PATCH 1/6] Add RendererInfo examples

---
 aspnetcore/blazor/components/render-modes.md | 25 ++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/aspnetcore/blazor/components/render-modes.md b/aspnetcore/blazor/components/render-modes.md
index 77bdf0e6a17b..c128c6a0934b 100644
--- a/aspnetcore/blazor/components/render-modes.md
+++ b/aspnetcore/blazor/components/render-modes.md
@@ -226,7 +226,28 @@ The <xref:Microsoft.AspNetCore.Components.ComponentBase.RendererInfo?displayProp
   * `InteractiveAuto` for Interactive Auto.
   * `InteractiveWebAssembly` for Interactive WebAssembly.
 
-Components use these properties to render content depending on their location or interactivity status. For example, a form can be disabled during prerendering and enabled when the component becomes interactive:
+Components use these properties to render content depending on their location or interactivity status. The following examples demonstrate typical use cases.
+
+Display content and disable a button until a component is interactive:
+
+```razor
+@if (!RendererInfo.IsInteractive)
+{
+    <p>Connecting to the assistant...</p>
+}
+else
+{
+    // Code to display chatbot messages
+}
+
+...
+
+<button ... disabled="@(chatState is null || !RendererInfo.IsInteractive)">
+    Send
+</button>
+```
+
+A form can be disabled during prerendering and enabled when the component becomes interactive:
 
 ```razor
 <EditForm Model="Movie" ...>
@@ -256,7 +277,7 @@ Components use these properties to render content depending on their location or
 }
 ```
 
-The next example shows how to render markup to support performing a regular HTML action if the component is statically rendered:
+Render markup to support performing a regular HTML action if the component is statically rendered:
 
 ```razor
 @if (AssignedRenderMode is null)

From cf456c8cfe0e49e9d8c4d237f4c25d7e3af271cc Mon Sep 17 00:00:00 2001
From: Luke Latham <1622880+guardrex@users.noreply.github.com>
Date: Thu, 14 Nov 2024 03:46:47 -0500
Subject: [PATCH 2/6] Updates

---
 aspnetcore/blazor/components/render-modes.md | 21 ++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/aspnetcore/blazor/components/render-modes.md b/aspnetcore/blazor/components/render-modes.md
index c128c6a0934b..bd5b8ae9e758 100644
--- a/aspnetcore/blazor/components/render-modes.md
+++ b/aspnetcore/blazor/components/render-modes.md
@@ -237,14 +237,23 @@ Display content and disable a button until a component is interactive:
 }
 else
 {
-    // Code to display chatbot messages
-}
+    <ul id="messagesList">
+        @foreach (var message in messages)
+        {
+            <li>@message</li>
+        }
+    </ul>
 
-...
+    <div class="form-group">
+        <label>
+            Message: <input @bind="messageInput" size="250" />
+        </label>
+    </div>
 
-<button ... disabled="@(chatState is null || !RendererInfo.IsInteractive)">
-    Send
-</button>
+    <button @onclick="Send" disabled="@(chatState is null || !RendererInfo.IsInteractive)">
+       Send
+    </button>
+}
 ```
 
 A form can be disabled during prerendering and enabled when the component becomes interactive:

From af1e613cd92e71b0875467031da2b8b5a5212b84 Mon Sep 17 00:00:00 2001
From: Luke Latham <1622880+guardrex@users.noreply.github.com>
Date: Thu, 14 Nov 2024 03:49:16 -0500
Subject: [PATCH 3/6] Updates

---
 aspnetcore/blazor/components/render-modes.md | 25 +++++++-------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/aspnetcore/blazor/components/render-modes.md b/aspnetcore/blazor/components/render-modes.md
index bd5b8ae9e758..2c1befd6375d 100644
--- a/aspnetcore/blazor/components/render-modes.md
+++ b/aspnetcore/blazor/components/render-modes.md
@@ -228,7 +228,7 @@ The <xref:Microsoft.AspNetCore.Components.ComponentBase.RendererInfo?displayProp
 
 Components use these properties to render content depending on their location or interactivity status. The following examples demonstrate typical use cases.
 
-Display content and disable a button until a component is interactive:
+Display content until a component is interactive:
 
 ```razor
 @if (!RendererInfo.IsInteractive)
@@ -237,23 +237,16 @@ Display content and disable a button until a component is interactive:
 }
 else
 {
-    <ul id="messagesList">
-        @foreach (var message in messages)
-        {
-            <li>@message</li>
-        }
-    </ul>
+    ...
+}
+```
 
-    <div class="form-group">
-        <label>
-            Message: <input @bind="messageInput" size="250" />
-        </label>
-    </div>
+Disable a button until a component is interactive:
 
-    <button @onclick="Send" disabled="@(chatState is null || !RendererInfo.IsInteractive)">
-       Send
-    </button>
-}
+```razor
+<button @onclick="Send" disabled="@(chatState is null || !RendererInfo.IsInteractive)">
+    Send
+</button>
 ```
 
 A form can be disabled during prerendering and enabled when the component becomes interactive:

From 63572f7ae4c3aa8d9d9ffdc87b028edacf0e9af9 Mon Sep 17 00:00:00 2001
From: Luke Latham <1622880+guardrex@users.noreply.github.com>
Date: Thu, 14 Nov 2024 03:50:21 -0500
Subject: [PATCH 4/6] Updates

---
 aspnetcore/blazor/components/render-modes.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aspnetcore/blazor/components/render-modes.md b/aspnetcore/blazor/components/render-modes.md
index 2c1befd6375d..91a864038325 100644
--- a/aspnetcore/blazor/components/render-modes.md
+++ b/aspnetcore/blazor/components/render-modes.md
@@ -244,7 +244,7 @@ else
 Disable a button until a component is interactive:
 
 ```razor
-<button @onclick="Send" disabled="@(chatState is null || !RendererInfo.IsInteractive)">
+<button @onclick="Send" disabled="@(!RendererInfo.IsInteractive)">
     Send
 </button>
 ```

From d8e59cf9169a534884519a3d81e9db411ec1679b Mon Sep 17 00:00:00 2001
From: Luke Latham <1622880+guardrex@users.noreply.github.com>
Date: Thu, 14 Nov 2024 03:57:30 -0500
Subject: [PATCH 5/6] Updates

---
 aspnetcore/blazor/components/render-modes.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aspnetcore/blazor/components/render-modes.md b/aspnetcore/blazor/components/render-modes.md
index 91a864038325..85b467502c1e 100644
--- a/aspnetcore/blazor/components/render-modes.md
+++ b/aspnetcore/blazor/components/render-modes.md
@@ -249,7 +249,7 @@ Disable a button until a component is interactive:
 </button>
 ```
 
-A form can be disabled during prerendering and enabled when the component becomes interactive:
+Disable a form during prerendering and enable the form when the component becomes interactive:
 
 ```razor
 <EditForm Model="Movie" ...>

From 14b0084ea6352d4a98449ab4ad7ec07d4253f2e5 Mon Sep 17 00:00:00 2001
From: Luke Latham <1622880+guardrex@users.noreply.github.com>
Date: Thu, 14 Nov 2024 03:58:42 -0500
Subject: [PATCH 6/6] Updates

---
 aspnetcore/blazor/components/render-modes.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aspnetcore/blazor/components/render-modes.md b/aspnetcore/blazor/components/render-modes.md
index 85b467502c1e..e412321ec8f5 100644
--- a/aspnetcore/blazor/components/render-modes.md
+++ b/aspnetcore/blazor/components/render-modes.md
@@ -249,7 +249,7 @@ Disable a button until a component is interactive:
 </button>
 ```
 
-Disable a form during prerendering and enable the form when the component becomes interactive:
+Disable a form during prerendering and enable the form when the component is interactive:
 
 ```razor
 <EditForm Model="Movie" ...>