JSFiddle - React, Tailwind, and code Playground

by Jeremiah Evans

HTML

<script src="https://apis.google.com/js/plusone.js"></script>
<h1>These were created with g:community, and are HTML5.</h1>
<g:community href="https://plus.google.com/communities/104461037989009578894" width="100"></g:community>
<g:community href="https://plus.google.com/communities/108838314443260572675" width="100"></g:community>
<g:community href="https://plus.google.com/communities/106637928568010372125" width="100"></g:community>
<g:community href="https://plus.google.com/communities/107750858719275299791" width="100"></g:community>

<br/>

<h1>These were created with div class="g-community", and are backwards compatible.</h1>
<div class="g-community" data-href="https://plus.google.com/communities/104461037989009578894" data-width="100"></div>
<div class="g-community" data-href="https://plus.google.com/communities/108838314443260572675" data-width="100"></div>
<div class="g-community" data-href="https://plus.google.com/communities/106637928568010372125" data-width="100"></div>
<div class="g-community" data-href="https://plus.google.com/communities/107750858719275299791" data-width="100"></div>

<!-- Notice that I added the plusone javascript library under External Resources on the left.
Typically this is done with the following tag:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>


-->