---
title: STATE
sidebarTitle: $state
description: Proxy for accessing state keys as reactive references.
icon: database
---

`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.

```python
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:

```python
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:

```python
from prefab_ui.rx import STATE

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

## Import

```python
from prefab_ui.rx import STATE
```

Use `STATE` anywhere you need a quick reactive reference to a state key without creating a separate `Rx`.
