JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://rawgithub.com/kangax/fabric.js/master/dist/all.js"></script>
 <canvas id="c" width="400" height="200"></canvas>

CSS

#c {
    border:1px solid #000;
}

JavaScript

var canvas = new fabric.Canvas('c');

var Bar = new fabric.Text('Bar', {selectable: false, top: 50, left: 10});


var rect = new fabric.Rect({width: 100, height: 100, left: 100, top: 100, fill: 'red'});
var group = new fabric.Group([rect, Bar], {selectable: true, top: 50, left: 100});
canvas.add(group);

canvas.renderAll();

$(document).click(function(e) {
    console.log('click');
    console.log('ActiveObject', canvas.getActiveObject());
    console.log('ActiveGroup', canvas.getActiveGroup());
    Bar.setText('Selectedoooooooo');
});