JSFiddle - React, Tailwind, and code Playground

by aldomatic

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
 <div ng-app="app">
   <tab>
  Lorem ipsum dolor sit amet, ut eam nullam utroque liberavisse, ea
  graecis tractatos contentiones quo. Ipsum phaedrum scripserit sit id,
  eu insolens indoctum vel, eos eu offendit delectus tincidunt. Eum
  nostrum reprehendunt in, ullum nostrud legimus ei quo. Sed et elitr
  corrumpit. Nibh maiestatis voluptatum has no, at est inermis epicuri,
  omnis temporibus cu mei. Legere scriptorem voluptatibus et est, ea
  noluisse deterruisset sea.
</tab>
</div>

JavaScript

angular.module('app', []);
angular.module('app').directive('tab', function() {
  return {
    restrict: 'E',
    transclude: true,
    template: '<h2>Hello world!</h2> <div role="tabpanel" ng-transclude></div>',
    scope: { },
    link: function(scope, elem, attr) {}
  }
})