JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <ui type="custombutton" x="10.0" y="630.0" ></ui>
</div>

CSS

.mcb { border: 1px solid red; }

JavaScript

var app = angular.module('myApp',[]);

app.directive('ui',function($compile){
  return {
    restrict:'E',
    template: '<div class="mcb">hey</div>',
    compile:function($tElement,$tAttrs){
        var foo = "a valuable value";
        console.log('compiling' + foo);
        return function(scope){
            console.log('linking:' + foo);
        }
    }  
  }
});