Edit in JSFiddle

var LikeButton = ripple('#template').use(ripple.events);

LikeButton.on('created', function(button){
    button.set('liked', false);
});

LikeButton.prototype.toggle = function(){
  this.set('liked', !this.data.liked);
};

var button = new LikeButton();
button.appendTo(document.body);

<script type="text/template" id="template">
    <p on-click="{{ this.toggle }}">
        You {{ liked ? "like" : "unlike"}} this. Click to toggle
    </p>
</script>