JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<script src="https://product-gallery.cloudinary.com/all.js" type="text/javascript">
</script>  

<div id="my-gallery" style="max-width:80%;margin:auto">
</div>

JavaScript

const myWidget = cloudinary.galleryWidget({
    "cloudName": "shogun-demo",
    "mediaAssets": [{
        "publicId": "063babc711fe36d882a990f73d00ed07",
        "mediaType": "3d"
    }, {
        "publicId": "91223JB_174111_TF_02_lhrf4n",
        "mediaType": "image"
    }, {
        "publicId": "packer_copy_wjumxn",
        "mediaType": "image"
    }, {
        "publicId": "packer1_p4menb",
        "mediaType": "image"
    }, {
        "publicId": "smart_ellb75",
        "mediaType": "image"
    }],
    "container": "#my-gallery"
});
myWidget.render();