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 myWidget = cloudinary.galleryWidget({
  container: "#my-gallery",
  cloudName: "demo",
  mediaAssets: [
    {tag: "car_pg_demo"}, // by default mediaType: "image"
    {tag: "car_pg_demo", mediaType: "video"}, 
    {tag: "car_360_pg_demo", mediaType: "360"}
  ]
});

myWidget.render();
</script>