reflex_counter_app_with_state_management_and_buttons.py

1import reflex as rx
2
3class State(rx.State):
4    count: int = 0
5
6    def increment(self):
7        self.count += 1
8
9    def decrement(self):
10        self.count -= 1
11
12def index():
13    return rx.hstack(
14        rx.button(
15            "Decrement",
16            color_scheme="red",
17            on_click=State.decrement,
18        ),
19        rx.heading(State.count, font_size="2em"),
20        rx.button(
21            "Increment",
22            color_scheme="green",
23            on_click=State.increment,
24        ),
25        spacing="1em",
26    )
27
28app = rx.App()
29app.add_page(index)