# check out https://solara.dev/ for documentation
# or https://github.com/widgetti/solara/
# And check out https://py.cafe/maartenbreddels for more examples
import solara
from solara.alias import rv
# reactive variables will trigger a component rerender
# when changed.
# When you change the default (now 0), hit the embedded browser
# refresh button to reset the state
clicks = solara.reactive(0)
@solara.component
def ButtonSwitch(
value: solara.Reactive[bool] | bool,
*args,
on_value = None,
label="",
**kwargs
):
"""
A thin wrapper for rv.Btn that toggles a boolean value
"""
value = solara.use_reactive(value, on_change=on_value)
if label != '':
kwargs["children"] = kwargs.get("children",[]) + [solara.Text(label)]
btn = rv.Btn(
*args,
**kwargs)
def _on_value_changed(*args):
value.set(not value.value)
solara.v.use_event(btn, "click", _on_value_changed)
btn
@solara.component
def Page():
print("The component render function gets called")
is_button_green = solara.use_reactive(False)
# change this code, and see the output refresh
@solara.lab.computed
def color():
return 'green' if is_button_green.value else 'red'
def increment():
clicks.value += 1
print("clicks", clicks) # noqa
solara.Button(label=f"Clicked: {clicks}", on_click=increment, color=color.value)
with ButtonSwitch(
value = False,
on_value = is_button_green.set,
color="green"
):
solara.Text(f"Turn button {'red' if is_button_green.value else 'green'}")
# Solara also supports ipywidgets
# remove the Page component and assign an ipywidget to
# the page variable, e.g.
# page = mywidget