Demo

        <ctrl-ing ref="obj" darkmode>
        [ {"sec":"hdr","text":"Demo"},
          {"sec":"num","label":"Numbers[0]","min":1,"max":20,"step":1.00,"path":"$['numbers'][0]","unit":"[-]"},
          {"sec":"chk","label":"Toggle","path":"$['toggle']"},
          {"sec":"txt","label":"Text","path":"$['text']"},
          {"sec":"sep"},
          {"sec":"col","label":"Color","path":"$['color']"},
          {"sec":"sel","label":"Select","options":{"solid":1,"dashed":2,"dotted":3},"path":"$['lineStyle']"},
          {"sec":"num","label":"x","path":"$['x']","unit":"[-]"},
          {"sec":"btn","label":"coloring","text":"press","path":"window['f']"},
          {"sec":"rng","label":"slide","path":"$['slide']"},
          {"sec":"vec","label":"Vector","path":["$['vec']['x']","$['vec']['y']"]},
          {"sec":"mtr","label":"Meter","path":"$['volumn']","min":20,"max":80,
           "low":45,"high":70,"optimum":30,"value":50,"unit":"m²"},
          {"sec":"out","label":"obj=","path":"$"}
        ]
  </ctrl-ing>