JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<button id="upload_widget" class="cloudinary-button">Upload files</button>

<script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script>  

<script type="text/javascript">  
var myWidget = cloudinary.openUploadWidget({
  cloudName: "demo", uploadPreset: "preset1",
  language: "en",  
  text: {
    "en": {
        "translation": {
            "queue": {
                "title": "Upload Queue",
                "title_uploading_with_counter": "Uploading {{num}} Assets",
                "title_uploading": "Uploading Assets",
                "mini_title": "Uploaded",
                "mini_title_uploading": "Uploading",
                "show_completed": "Show completed",
                "retry_failed": "Retry failed",
                "abort_all": "Abort all",
                "upload_more": "Upload More",
                "more": "More",
                "mini_upload_count": "{{num}} Uploaded",
                "mini_failed": "{{num}} Failed",
                "statuses": {
                    "uploading": "Uploading...",
                    "error": "Error",
                    "uploaded": "Done",
                    "aborted": "Aborted"
                }
            },
            "crop": {
                "title": "Crop",
                "crop_and_upload_btn": "Crop & Upload",
                "upload_btn": "Upload",
                "cancel_btn": "Cancel",
                "reset_btn": "Reset",
                "close_btn": "Close",
                "close_prompt": "Closing will cancel all uploads, Are you sure?"
            },
            "or": "Or",
            "back": "Back",
            "advanced": "Advanced",
            "close": "Close",
            "no_results": "No Results",
            "search_placeholder": "Search files",
            "about_uw": "About the Upload Widget",
            "menu": {
                "files": "My Files test",
                "web": "Web Address",
                "camera": "Camera",
               ...