JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

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);   }  }); }