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: "portaltech-reply",
  mediaAssets: [
    {tag: "DamagedHelmet"}, // by default mediaType: "image"
   	{tag: "bad"}, // by default mediaType: "image"
		{tag: "dog", mediaType: "video"},
    {publicId: "sample", mediaType: "image"}
  ]
});

myGallery.render();
</script>