STATE

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.

⌘I

Get Started

Concepts

Apps

Running Prefab

Examples

Reference

Usage

Dot Paths

Import

​Usage

​Dot Paths

​Import

Usage

Dot Paths

Import