docs update code warining

solara/website/pages/documentation/components/status/warning.py

@@ -17,31 +17,28 @@
 
 @solara.component
 def Page():
-    icon, set_icon = solara.use_state(True)
-    dense, set_dense = solara.use_state(False)
-    outlined, set_outlined = solara.use_state(True)
-    text, set_text = solara.use_state(True)
-    with solara.VBox() as main:
-        with solara.GridFixed(4):
-            solara.Checkbox(label="Use icon", value=icon, on_value=set_icon)
-            solara.Checkbox(label="Show dense", value=dense, on_value=set_dense)
-            solara.Checkbox(label="Show as text", value=text, on_value=set_text)
-            solara.Checkbox(label="Show outlined", value=outlined, on_value=set_outlined)
-        solara.Warning(
-            f"This is solara.Warning(label='...', text={text}, dense={dense}, outlined={outlined}, icon={icon})",
-            text=text,
-            dense=dense,
-            outlined=outlined,
-            icon=icon,
-        )
-        solara.Warning(
-            f"This is solara.Warning(label='...', text={text}, dense={dense}, outlined={outlined}, icon={icon})",
-            text=text,
-            dense=dense,
-            outlined=outlined,
-            icon=icon,
-        )
-    return main
+    state = solara.use_reactive(
+        {
+            "icon": True,
+            "dense": False,
+            "outlined": True,
+            "text": True,
+        }
+    )
+
+    with solara.GridFixed(4):
+        solara.Checkbox(label="Use icon", value=state.value["icon"], on_value=lambda val: state.value.update({"icon": val}))
+        solara.Checkbox(label="Show dense", value=state.value["dense"], on_value=lambda val: state.value.update({"dense": val}))
+        solara.Checkbox(label="Show as text", value=state.value["text"], on_value=lambda val: state.value.update({"text": val}))
+        solara.Checkbox(label="Show outlined", value=state.value["outlined"], on_value=lambda val: state.value.update({"outlined": val}))
+
+    solara.Warning(
+        f"This is solara.Warning(label='...', text={state.value['text']}, dense={state.value['dense']}, outlined={state.value['outlined']}, icon={state.value['icon']})",
+        text=state.value["text"],
+        dense=state.value["dense"],
+        outlined=state.value["outlined"],
+        icon=state.value["icon"],
+    )
 
 
 __doc__ += apidoc(solara.Warning.f)  # type: ignore