JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Options set via JS (normal):<br/>
    <button id="button1">Button 1</button>
</div>

<div>
    Options set via attribute (feature suggestion):<br/>
    <button data-options='{ "text": false, "icons": { "primary": "ui-icon-arrowthick-1-n" } }'>Button 2</button>
</div>

CSS

div {
    margin-bottom: 20px;
}

JavaScript

$("button").each(function () {
    var element = $(this);

    element.button(extractJQueryOptions(element));
});

$("#button1").button({
    text: false,
    icons: { primary: "ui-icon-arrowthick-1-n" }
});

function extractJQueryOptions (element)
{
    var attribute = element.attr("data-options");

    if (attribute != null)
        return $.parseJSON(attribute);

    return null;
}