Added Nullable example

EdCharbeneau · May 21, 2021 · f82dbd5 · f82dbd5
1 parent dd02793
commit f82dbd5
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/TestComponents/Pages/NullableFlag.razor b/TestComponents/Pages/NullableFlag.razor
@@ -0,0 +1,21 @@
+@page "/nullable"
+@if (IsSmall.HasValue)
+{
+    if (IsSmall.Value)
+    {
+        <h1>Small</h1>
+    }
+    else
+    {
+       <h1>Large</h1>
+    }
+} else
+{
+    <span>Waiting for JavaScript interop...</span>
+}
+
+<MediaQuery Media="@Breakpoints.SmallDown" MatchesChanged="@(matched => IsSmall = matched)"></MediaQuery>
+
+@code {
+    bool? IsSmall = null;
+}