JSFiddle - React, Tailwind, and code Playground

HTML

<span id="error-company-username">Invalid. <a href="javascript:;">Username Criterial</a></span>

JavaScript

YUI().use("overlay", function(Y) {
    Y.one("body").addClass("yui3-skin-sam");

    Y.one("#error-company-username").delegate("click", function(e) {
        var overlay = new Y.Overlay({
            render: true,
            headerContent: "Header",
            bodyContent: "Body",
            footerContent: "Footer"
        });
        e.preventDefault();
    }, "a");
});