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: "pdbradley",
  mediaAssets: [
    {tag: "nact"}, // by default mediaType: "image"
    {tag: "nact", mediaType: "video"}, 
    {tag: "nact", mediaType: "spin"},
    {publicId: "nact/sign_in_header_klbphg", mediaType: "3d"}
  ]
});

myGallery.render();
</script>