Darkmown 2.7

Bound controls

:select, :radio and :checkbox mean two things, and where they sit decides which. Inside a :form they are form fields, submitted by name. Outside one they bind to a declared :state the way :bind and :slider already do: move the control and the state changes, change the state and the control moves.

A settings panel

Density

Colour

System Light Dark

Previews

Show image previews

What the panel drives

Every region below reads the same state the controls write.

Comfortable: the default spacing.

Following the operating system's colour scheme.

Image previews are on.

Settings as one line each: Comfortable, System, previews true.

The rules

The state has to exist first. A bound field with no matching :state is a compile error that names both readings, so a typo can never become a silently inert control.
A bound :radio group carries the chosen option's text; the group keeps a shared name so the browser makes it mutually exclusive.
A bound :checkbox carries a boolean, so it takes exactly one - Label line, the label to show beside it. The multi-value checkbox group is the in-form behavior and is unchanged.
Inside a :form nothing changed at all, even if a :state of the same name happens to exist elsewhere on the page.

Read the docs on bound controls