JSFiddle - React, Tailwind, and code Playground

by samonela

HTML

<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-sharetoclassroom" data-size="32" data-url="http://g.co" data-text="text" data-body="body">
</div>
<div>
 second div
</div>

CSS

iframe:not([allowfullscreen]) + *::after {
  content: 'share to Google Classroom';
}
div:after {
  content: 'content after div';
  font-weight: bold;
}

JavaScript

var url = "https://www.google.com";
//gapi.sharetoclassroom.render("ShareButton",{"url": url, "size": 20});