Skip to content

Work / Trunk / Wiki / Surfaces

components-interactions

Surfacecanonicalverified 2026-10-21

SURFACE.WEB.COMPONENTS-EDIT.COMPONENTS-INTERACTIONS

Summary

Editing an interaction: the Old regime radio inside RadioGroup changes the group's value and emits onChange.

Raw wireframe

  • .context/designs/web/components-edit/components-interactions.html

Why it is drawn this way

On, then Trigger, then Then. On names the layer, the component it is in, and the variants it runs in. Trigger is one of six: On click, While hovering, While pressing, On key, After delay, When a part emits. Then is an ordered list of actions, dragged to reorder.

Five actions: Change to (another variant, by property values), Set property (one property, or toggle a Boolean or two-value variant), Show component, Close component, Emit event. Open page is not one: where a component goes is set on its instance in Pages, with a link action (Tap, Submit, After sign-in, Redirect, Back).

A nested instance can change its parent. The radio is an instance of Radio; its On click here changes RadioGroup to Value · old. "Radio's own" says the part's own On click is replaced inside this group, so nobody wonders why it does not run.

The arrow on the canvas is the interaction being edited, from the variant it starts in to the one it changes to.

Done returns to the set; the change is in the draft.

Related

Sources