JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<div></div>

JavaScript

var x = "<a href='#' class='template' data-config='{\"role\":\"button\",\"iconpos\":\"left\",\"icon\":\"star\",\"corners\":\"false\",\"shadow\":\"false\", \"iconshadow\":\"false\", \"theme\":\"a\",\"class\":\"test\", \"href\":\"index.html\",\"text\":\"Star Icon\", \"mini\":\"true\", \"inline\":\"true\"}'>Star Icon</a>";

var a = document.createElement(x);
console.log("a= ",a);

make = function (el) {
    var config = el.getAttribute("data-config");
    console.log("config= ",config);
    var dyn = $.parseJSON(config)
    console.log("dyn= ",dyn);
}
make(a);