NameControl
titleProps
titleProps : {
  • children : "Sample form"
}
buttonProps
buttonProps : {
  • onClick : function actionHandler(){for(var channel=esm.a.getChannel(),id=v4_default()(),minDepth=5,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id:id,count:0,data:{name:name,args:normalizedArgs},options:Object.assign({},actionOptions,{maxDepth:minDepth+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1})};channel.emit(constants.a,actionDisplayToEmit)}
}
textInputProps
textInputProps : {
  • id : "text-input-id"
  • name : "text-input-name"
  • label : "Text input"
  • onChange : function actionHandler(){for(var channel=esm.a.getChannel(),id=v4_default()(),minDepth=5,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id:id,count:0,data:{name:name,args:normalizedArgs},options:Object.assign({},actionOptions,{maxDepth:minDepth+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1})};channel.emit(constants.a,actionDisplayToEmit)}
}
numberInputProps
numberInputProps : {
  • id : "number-input-id"
  • name : "number-input-name"
  • label : "Number input"
  • onChange : function actionHandler(){for(var channel=esm.a.getChannel(),id=v4_default()(),minDepth=5,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id:id,count:0,data:{name:name,args:normalizedArgs},options:Object.assign({},actionOptions,{maxDepth:minDepth+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1})};channel.emit(constants.a,actionDisplayToEmit)}
}
dropdownProps
dropdownProps : {
  • id : "dropdown-id"
  • label : "Dropdown"
  • options : [...] 3 items
  • onChange : function actionHandler(){for(var channel=esm.a.getChannel(),id=v4_default()(),minDepth=5,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id:id,count:0,data:{name:name,args:normalizedArgs},options:Object.assign({},actionOptions,{maxDepth:minDepth+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1})};channel.emit(constants.a,actionDisplayToEmit)}
}
radioInputGroupProps
radioInputGroupProps : {
  • id : "radio-button-group-id"
  • label : "Radio button group"
  • options : [...] 3 items
  • onChange : function actionHandler(){for(var channel=esm.a.getChannel(),id=v4_default()(),minDepth=5,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id:id,count:0,data:{name:name,args:normalizedArgs},options:Object.assign({},actionOptions,{maxDepth:minDepth+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1})};channel.emit(constants.a,actionDisplayToEmit)}
}