<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;}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.