JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

JavaScript

function showUploadWidget() { cloudinary.openUploadWidget({ cloudName: "vonduchess", uploadPreset: "rasehc7x", sources: [ "facebook", "dropbox", "instagram", "image_search", "camera", "url", "local" ], googleApiKey: "<image_search_google_api_key>", showAdvancedOptions: false, cropping: false, multiple: true, defaultSource: "local", styles: { palette: { window: "#FFFFFF", windowBorder: "#FFFA00", tabIcon: "#0078FF", menuIcons: "#5A616A", textDark: "#000000", textLight: "#FFFFFF", link: "#F0FF00", action: "#FF620C", inactiveTabIcon: "#FF0000", error: "#F44235", inProgress: "#0078FF", complete: "#20B832", sourceBg: "#FF7800" }, fonts: { default: null, "'Fira Sans', sans-serif": { url: "https://fonts.googleapis.com/css?family=Fira+Sans", active: true } } }}, (err, info) => { if (!err) { console.log("Upload Widget event - ", info); } }); }