Skip to main content
STATE gives you reactive references to state keys through attribute access. STATE.count is equivalent to Rx("count") — it creates an Rx reference without needing to declare one separately. 
from prefab_ui.rx import STATE

STATE.count       # → {{ count }}
STATE.user.name   # → {{ user.name }}

​
Usage

STATE is useful for referencing keys created dynamically by form controls or actions without needing a separate Rx declaration: 
from prefab_ui.rx import STATE
from prefab_ui.components import Input, Text

Input(name="query", placeholder="Search...")
Text(f"You typed: {STATE.query}")

​
Dot Paths

Attribute access chains naturally. Each . adds a path segment to the expression: 
from prefab_ui.rx import STATE

STATE.user.address.city    # → {{ user.address.city }}
STATE.todos.length()       # → {{ todos | length }}

​
Import

from prefab_ui.rx import STATE
Use STATE anywhere you need a quick reactive reference to a state key without creating a separate Rx.