JSFiddle - React, Tailwind, and code Playground

by mkuklis

HTML

<a id="fbbutton" href="javascript:share('share this on facebook')">share on facebook</a>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
    function share(message) {
        var share = {
            method: 'feed',
            message: message
        };
        FB.ui(share); 
    }
</script>

CSS

#fbbutton {
  background-color: #5f78ab;
  border: 1px solid #3b5998;
  text-decoration:none;
  color: #fff;
  display: block;
  float:left;
  font-size: 0.8em;
  padding: 3px;
  font-family: Arial;
    
}

JavaScript

FB.init({ 
    appId:'108533139224121', cookie:true, 
    status:true, xfbml:true 
});