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>

JavaScript

function showUploadWidget() { cloudinary.openUploadWidget({    cloudName: "shirly",    uploadPreset: "my-preset",    sources: [        "url",        "image_search",        "dropbox",        "instagram",        "local"    ],    googleApiKey: "<image_search_google_api_key>",    showAdvancedOptions: true,    cropping: true,    multiple: false,    defaultSource: "local",    styles: {        palette: {            window: "#FFFFFF",            windowBorder: "#90A0B3",            tabIcon: "#0078FF",            menuIcons: "#5A616A",            textDark: "#000000",            textLight: "#FFFFFF",            link: "#000AFF",            action: "#0CFF16",            inactiveTabIcon: "#0E2F5A",            error: "#359EF4",            inProgress: "#0078FF",            complete: "#20B832",            sourceBg: "#E4EBF1"        },        fonts: {            default: {                active: true            }        }    }}, (err, info) => {   if (!err) {         console.log("Upload Widget event - ", info);   }  }); }