Create Properties for Input

createCustomElement('x-1359912-custom-builder', {
	renderer: {type: snabbdom},
	view,
	styles,properties:{text:{default:'[{"number":"INC0000052","stateDisplay":"New"},{"number":"INC0000053","stateDisplay":"In Progress"}]'}
});

Update View Part

const view = (state, {updateState}) => {
	//var title = state.properties.title;
	const {properties:{title}} = state;

	return (
                 <div>
                </div>
             );
}

now-ui.json file update

"uiBuilder": {
        "associatedTypes": [
          "global.core",
          "global.landing-page"
        ],
        "label": "My New Component",
        "tileIcon": "./tile-icon/generic-tile-icon.svg",
        "description": "A description of my component",
        "category": "primitives"
      },
      "actions":[
        {
          "description":"demo",
          "label": "Button Row Click",
          "action":"EVENT_FIRED",
          "payload":[]
        }
      ],
      "properties":[
        {
          "name":"text",
          "label":"Text",
          "fileType":"string"
        }
      ]

Lookup Records JSON Files:

[{"_row_data":{"displayValue":"INC0000060","uniqueValue":"1c741bd70b2322007518478d83673af3"},"short_description":{"value":"demo","displayValue":"demo"},"number":{"value":"INC0000060","displayValue":"INC0000060"},"state":{"value":"7","displayValue":"Closed"}}]

Dispatch Event

const resolve = (number) =>{
		dispatch('EVENT_FIRED', {data: number});
	}

Call dispatch function

<button className="btn btn-primary" on-click={()=>{
					resolve(rec.number);
				}}>Resolve</button>

For Loop Array:

{text.map((rec,index) =>{
})}