<html>
  <head>
    <script src="https://cdn.radaar.io/libraries/publish-with-radaar/init.js"></script>
  </head>
  <body>
    <div class="row">
      <div class="pwr-custom-button" data-radaar-pwr-title="data-radaar-pwr-title" 	data-radaar-pwr-caption="data-radaar-pwr-caption" data-radaar-pwr-url="https://picsum.photos/1920/1080">Publish With RADAAR</div>
    
      <div class="pwr-custom-button" data-radaar-pwr-title="data-radaar-pwr-title" data-radaar-pwr-media-url="https://picsum.photos/1920/1080">Publish With RADAAR</div>
    
      <div	class="pwr-custom-button"	data-radaar-pwr-caption="data-radaar-pwr-caption"	data-radaar-pwr-medias='["https://picsum.photos/1920/1080?v=1", { "url": "https://picsum.photos/1920/1080", "alt_text": "alt textt" }, "https://picsum.photos/1920/1080?v=2"]'>Publish With RADAAR</div>
    
       <div	class="pwr-custom-button"	title="title" alt="alt" data-radaar-pwr-media-url='["https://picsum.photos/1920/1080?v=1", { "url": "https://picsum.photos/1920/1080", "alt_text": "alt textt" }, "https://picsum.photos/1920/1080?v=2"]'>Publish With RADAAR</div>		

       <div	class="pwr-custom-button"	data-radaar-pwr-media-url="https://picsum.photos/1920/1080?v=4">Publish With RADAAR</div>

       <div	class="pwr-custom-button"	data-radaar-pwr-url="https://picsum.photos/1920/1080?v=5">Publish With RADAAR</div>
    
      <div class="pwr-custom-button"	data-radaar-pwr-url="https://picsum.photos/1920/1080?v=5"></div>
	
      <div class="pwr-custom-button pwr-custom-button-circle"	data-radaar-pwr-url="https://picsum.photos/1920/1080?v=5"></div>
    
      <div class="pwr-custom-button pwr-custom-button-circle pwr-custom-button-grayscale"	data-radaar-pwr-url="https://picsum.photos/1920/1080?v=5"></div>
      </div>
  </body>
</html>
.row{display: flex; flex-wrap: wrap;}
.row .pwr-custom-button{margin: 5px;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.