JSFiddle - React, Tailwind, and code Playground

by fabricjs

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();

canvas.on('object:selected', function(e) {
  e.target.item(1).setText('Selectedoooooooo');
});