JSFiddle - React, Tailwind, and code Playground

by Yuriy Petrichenko

HTML

<coin-ramp-self-signup></coin-ramp-self-signup>

JavaScript

//@ts-ignore
class SelfSignupCustomComponent extends HTMLElement {
    constructor() {
        super();
        const shadow = this.attachShadow({ mode: "open" });
        const wrapper = document.createElement("div");
        const script = document.createElement("script");
        script.src = 'https://cdn.jsdelivr.net/gh/Madebyspeedster/c-ramp-sefl-dev@main/coin-ramp-self-signup.js';
        script.async = true;
        wrapper.id = 'coin_ramp_self_signup_form';
        shadow.appendChild(wrapper);
        shadow.appendChild(script);
    }
}

customElements.define("coin-ramp-self-signup", SelfSignupCustomComponent);