JSFiddle - React, Tailwind, and code Playground

by robhortn

HTML

<link rel="stylesheet" href="http://css-spinners.com/css/spinner/dots.css">
<div data-svg spinMessage="Testing ... "></div>

CSS

svg {
    background-color: #a6a6a6;    
}

JavaScript

var app = angular.module("app",[]);
app.directive("svg",function(){
   var directive = {};
    directive.restrict = 'A'; /* restrict this directive to attribute only */
    
    directive.scope = {
        message : "=spinMessage"
    }
    
    directive.template = "My first directive: {{message}}";
    
    return directive;
});