work

Author: dmail

packages/frontend/navi/src/control/demos/validation/control_validity_demo.html

@@ -316,15 +316,16 @@ <h2 style={{ fontSize: "0.9rem", color: "#555" }}>
                   <Input
                     ref={readonlyRef}
                     name="config"
+                    id="config"
                     value="initial"
                     readOnly
                   />
                 </Field>
                 <Box flex spacing="s" style={{ flexWrap: "wrap" }}>
                   <Button
                     command="--navi-update"
+                    commandFor="config"
                     value="updated"
-                    navi-target="[name=config]"
                   >
                     Set "updated" (blocked)
                   </Button>
@@ -347,22 +348,19 @@ <h2 style={{ fontSize: "0.9rem", color: "#555" }}>
                   <Input
                     ref={validatableRef}
                     name="code"
-                    value="hello"
+                    id="code"
+                    defaultValue="hello"
                     minLength="5"
                   />
                 </Field>
                 <Box flex spacing="s" style={{ flexWrap: "wrap" }}>
-                  <Button
-                    command="--navi-update"
-                    value="ab"
-                    navi-target="[name=code]"
-                  >
+                  <Button command="--navi-update" commandFor="code" value="ab">
                     Set "ab" (invalid)
                   </Button>
                   <Button
                     command="--navi-update"
-                    value="hello"
-                    navi-target="[name=code]"
+                    commandFor="code"
+                    defaultValue="hello"
                   >
                     Set "hello" (valid)
                   </Button>