diff --git a/solara/website/pages/documentation/components/status/info.py b/solara/website/pages/documentation/components/status/info.py index cac0cf272..280df5fc7 100644 --- a/solara/website/pages/documentation/components/status/info.py +++ b/solara/website/pages/documentation/components/status/info.py @@ -17,24 +17,23 @@ @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.Info( - f"This is solara.Info(label='...', text={text}, dense={dense}, outlined={outlined}, icon={icon})", - text=text, - dense=dense, - outlined=outlined, - icon=icon, - ) - return main + icon = solara.use_reactive(True) + dense = solara.use_reactive(False) + outlined = solara.use_reactive(True) + text = solara.use_reactive(True) + + with solara.GridFixed(4): + solara.Checkbox(label="Use icon", value=icon) + solara.Checkbox(label="Show dense", value=dense) + solara.Checkbox(label="Show as text", value=text) + solara.Checkbox(label="Show outlined", value=outlined) + solara.Info( + f"This is solara.Info(label='...', text={text.value}, dense={dense.value}, outlined={outlined.value}, icon={icon.value})", + text=text.value, + dense=dense.value, + outlined=outlined.value, + icon=icon.value, + ) __doc__ += apidoc(solara.Info.f) # type: ignore