JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html ng-app="myGrid">

<body>
  <row>
      <col>hello there</col>
  </row>
</body>
<script>
  var app = angular.module('myGrid', []);

  app.directive('row', function(){
    return {
      restrict: 'E',
      compile: function(tElement, attrs) {
        var content = tElement.children();
        tElement.replaceWith(
          $('<div/>', {class: 'row',}).append(content));
      }
    }
  });
    
    app.directive('col', function(){
    return {
      restrict: 'E',
      compile: function(tElement, attrs) {
        var content = tElement.children();
        tElement.replaceWith(
          $('<div/>', {class: 'column',}).append(content));
      }
    }
  });
</script>
</html>