JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script>
<button id="upload_widget" class="cloudinary-button">Upload files</button>
<script type="text/javascript">

    var myWidget = cloudinary.createUploadWidget({
        cloudName: 'shirly',
        upload_preset: 'preset1',
        styles: {
        palette: {
            window: "#CC7E7E",
            windowBorder: "#90A0B3",
            tabIcon: "#2C609A",
            menuIcons: "#5A616A",
            textDark: "#000000",
            textLight: "#FFFFFF",
            link: "#2C609A",
            action: "#FF620C",
            inactiveTabIcon: "#BF6958",
            error: "#E83019",
            inProgress: "#0078FF",
            complete: "#299436",
            sourceBg: "#BCC1C5"
        }}
        }, (error, result) => { if (result.event == "success") {
            console.log(result.info) // result.info contains data from upload
        } })

        document.getElementById("upload_widget").addEventListener("click", function(){
            myWidget.open();
        }, false);

</script>