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>

<script type="text/javascript">  
const myGallery= cloudinary.galleryWidget({
  container: "#my-gallery",
  cloudName: "shirly",
  mediaAssets: [
   // {tag: "3d"}, // by default mediaType: "image"
   // {tag: "DamagedHelmet", mediaType: "video"}, 
  //  {tag: "DamagedHelmet360", mediaType: "spin"},
    {publicId: "my3d1", mediaType: "3d"}
  ]
});

myGallery.render();
</script>