54 lines
1.3 KiB
Python
54 lines
1.3 KiB
Python
"""Welcome to Reflex! This file creates a counter app."""
|
|
import random
|
|
|
|
import reflex as rx
|
|
|
|
|
|
class State(rx.State):
|
|
"""The app state."""
|
|
|
|
count = 0
|
|
|
|
def increment(self):
|
|
"""Increment the count."""
|
|
self.count += 1
|
|
|
|
def decrement(self):
|
|
"""Decrement the count."""
|
|
self.count -= 1
|
|
|
|
def random(self):
|
|
"""Randomize the count."""
|
|
self.count = random.randint(0, 100)
|
|
|
|
|
|
def index() -> rx.Component:
|
|
return rx.center(
|
|
rx.vstack(
|
|
rx.heading(State.count),
|
|
rx.hstack(
|
|
rx.button("Decrement", on_click=State.decrement, color_scheme="red"),
|
|
rx.button(
|
|
"Randomize",
|
|
on_click=State.random,
|
|
background_image="linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(0,176,34,1) 100%)",
|
|
color="white",
|
|
),
|
|
rx.button("Increment", on_click=State.increment, color_scheme="green"),
|
|
),
|
|
padding="1em",
|
|
bg="#ededed",
|
|
border_radius="1em",
|
|
box_shadow="lg",
|
|
),
|
|
padding_y="5em",
|
|
font_size="2em",
|
|
text_align="center",
|
|
)
|
|
|
|
|
|
# Add state and page to the app.
|
|
app = rx.App()
|
|
app.add_page(index, title="Counter")
|
|
app.compile()
|