@jst_htet/json2html

Browser plugin for building html from json

import { buildHtmlFromJsonList } from "@jst_htet/json2html";

buildHtmlFromJsonList("#contents", [ 
    {
        attributes: { class: "btn btn-primary" },
        children: [
          { attributes: {}, children: [], element: "#text", text: "Click me" },
        ],
        element: "button",
        text: "Click me",
        events: {
          click: (e) => alert("click"),
        },
    },
]);