stark-form-builder-next

[ { "sectionName": "userinfo", "sectionTitle": "User info", "containerClass": "user-section", "displaySection": true, "displaySectionTitle": true, "fields": [ { "name": "name", "type": "text", "label": "User Name", "id": "asd", "placeholder": "", "tooltip": "text input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipText": "", "tooltipClass": "", "inputClass": "", "containerClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "displayWhen": {}, "disabled": false, "allowedUsers": [] }, { "name": "file", "type": "file", "label": "Upload file", "id": "asd", "placeholder": "", "tooltip": "text input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipText": "", "tooltipClass": "", "inputClass": "", "containerClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "displayWhen": {}, "disabled": false, "allowedUsers": [] }, { "name": "phone", "type": "phonenumber", "tooltipText": "", "label": "Phone Number", "tooltip": "phone input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipClass": "", "id": "asd", "placeholder": "", "inputClass": "", "containerClass": "", "limitMaxLength": "true", "defaultCountry": "us", "validations": [], "displayWhen": {}, "disabled": false, "allowedUsers": [], "countryCodeEditable": false, "enableSearch": true, "disableSearchIcon": false }, { "name": "email", "type": "email", "label": "Email", "id": "", "placeholder": "", "tooltip": "email input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipClass": "", "tooltipText": "", "inputClass": "", "containerClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" }, { "type": "email", "applyWhen": [], "applyWhenRelation": "OR" } ], "disabled": false }, { "id": "gender", "name": "gender", "label": "Gender", "tooltip": "Radio input", "tooltipClass": "", "tooltipText": "", "tooltipIcon": "fa-regular fa-circle-question", "containerClass": "stark-frmmobile", "type": "radio", "placeholder": "", "inputClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "options": [ { "value": "female", "label": "Female" }, { "value": "male", "label": "Male" } ], "disabled": false }, { "id": "choices", "name": "choices", "label": "Choices", "tooltip": "Checkbox input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipText": "", "tooltipClass": "", "containerClass": "stark-frmmobile", "type": "checkbox", "placeholder": "", "inputClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "options": [ { "value": "fb", "label": "Facebook" }, { "value": "insta", "label": "Instagram" } ], "displayWhen": { "conditions": [ { "name": "gender", "value": "female", "condition": "==" } ], "displayWhenRelation": "AND" }, "disabled": false }, { "id": "stock", "name": "stock", "label": "Stock", "tooltip": "dropdown input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipText": "", "tooltipClass": "", "containerClass": "stark-frmmobile", "type": "select", "placeholder": "", "inputClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "options": [], "isMulti": false, "disabled": false }, { "id": "users", "name": "users", "label": "Users", "tooltip": "dropdown input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipText": "", "containerClass": "stark-frmmobile", "tooltipClass": "", "type": "select", "placeholder": "", "inputClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "options": [], "isMulti": false, "disabled": false }, { "id": "country", "name": "country", "label": "Country", "tooltip": "dropdown input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipClass": "", "tooltipText": "", "containerClass": "stark-frmmobile", "type": "select", "placeholder": "Select country", "inputClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "options": [], "isMulti": false, "disabled": false, "isSearchable": false, "callback": "onCountryChange", "fieldsToReset": ["users", "state"] }, { "id": "state", "name": "state", "label": "State", "tooltipText": "", "tooltipClass": "", "tooltipIcon": "fa-regular fa-circle-question", "containerClass": "stark-frmmobile", "type": "select", "placeholder": "", "inputClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "options": [], "isMulti": false, "disabled": false }, { "id": "startdate", "name": "startdate", "label": "Start date", "tooltip": "date input", "tooltipIcon": "fa-regular fa-circle-question", "tooltipText": "", "tooltipClass": "", "containerClass": "stark-frmmobile", "type": "date", "placeholder": "YYYY-MM-DD", "inputClass": "", "validations": [ { "type": "required", "applyWhen": [], "applyWhenRelation": "OR" } ], "options": [], "isMulti": false, "disabled": false } ], "sectionLayout": "1column" } ]