mljr-ui · showcase

Signals

data-signals declares reactive state. data-computed derives new signals from expressions. Signals scope to their subtree.

datastar ds-signals

Usage

// Declare
data-signals='{"count":0,"user":{"name":"Alice","score":0}}'

// Read in expression
data-text="$count"
data-text="'Hi '+$user.name+' — '+$user.score+' pts'"

// Write from event
data-on:click="$count++"
data-on:click="$user.score+= 10"

// Derived signal (data-computed)
data-computed:doubled="$count * 2"
data-text="$doubled"   // reactive, updates automatically

// Signals prefixed _ are excluded from SSE submissions
data-signals='{"_localOnly": true}'