From 19255620b1a2b76520dfd93906dd103d385f5bec Mon Sep 17 00:00:00 2001
From: MarvinKlein1508 <support@marvinkleinmusic.de>
Date: Thu, 19 Feb 2026 09:12:55 +0100
Subject: [PATCH] Add note about render mode and required interactivity

---
 examples/Demo/Shared/Pages/Design/DesignThemePage.razor | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/examples/Demo/Shared/Pages/Design/DesignThemePage.razor b/examples/Demo/Shared/Pages/Design/DesignThemePage.razor
index 50410279df..c2c201964c 100644
--- a/examples/Demo/Shared/Pages/Design/DesignThemePage.razor
+++ b/examples/Demo/Shared/Pages/Design/DesignThemePage.razor
@@ -24,6 +24,12 @@
     <CodeSnippet Language="xml">@(@"<FluentDesignTheme StorageName=""theme"" />")</CodeSnippet>
 </p>
 
+<blockquote>
+    <p>
+        <strong>Note:</strong> This component requires a render mode with interactivity in order to work consistently across all components. Click <a href="/#interactivity">here</a> for more details about render modes and interactivity.
+    </p>
+</blockquote>
+
 <p>
     3. (optional) To ensure that your application is displayed correctly, we recommend you add these lines of code to your <code>app.css</code> file.
     If you were using the <code>Reboot</code> style, as shown on the Setup page, these styles are already included.