STATE

Signals

A Signal is reactive state owned by one page or layout instance. Update it and every compatible binding refreshes.

INTERACTIVE EXAMPLE

Local counter and visibility

This counter and its details panel reset when this page instance is recreated.

Local reactive counter

The show prop reads the same boolean Signal and removes this text from layout while false.

The counter is greater than zero.

dowe
page CounterPage
  signal count value:0
  signal detailsVisible value:false

  Button onClick:{ set:count add:1 }
    "Add one"
  Text show:{ when:count gt:0 }
    "The counter is greater than zero."
  Text show:detailsVisible
    "More details"

Use Signals locally

Declare a Signal in the page or layout that owns the interaction: inputs, counters, drawers, and temporary UI state.

Bind paths directly

Use bare paths in props such as bind:form.name, show:ready, and onClick updates.