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="height:500px;margin:auto"></div>

<script type="text/javascript">
  const myWidget = cloudinary.galleryWidget({
    container: "#my-gallery",
    cloudName: "shirly",
    mediaAssets: [
      {tag: "test",transformation: { crop: "fill" ,gravity:"center"}},
      {publicId: "my3d", mediaType: "3d"}
    ]
  });

  myWidget.render();
</script>