JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular-animate.min.js"></script>
<script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.14.3.js"></script>

        <script >
            var app = angular.module('app', ['ui.bootstrap']);

    app.controller('TabCtrl', function($scope) {
      
    $scope.tabs = [{active: true}, {active: false}, {active: false}];
    $scope.go_tab1 = function() {
        $scope.tabs[1].active = true;
    };
    $scope.go_tab2 = function() {
        $scope.tabs[2].active = true;
    };

    });
        
        </script>
    <body ng-app="app">
     <div ng-controller="TabCtrl">

      <uib-tabset class="tabbable">
            <uib-tab heading="my tab 0" ng-attr-active="tabs[0].active">
                <div class="row">

                <a class="btn btn-wide btn-azure" ng-click="go_tab1()">
                Go To tab 1
                </a>
                <a class="btn btn-wide btn-azure" ng-click="go_tab2()">
                Go To tab 2
                </a>
                </div>
            </uib-tab>
            <uib-tab heading="my tab 1" ng-attr-active="tabs[1].active">
                <div class="row">
                </div>
            </uib-tab>
            <uib-tab heading="my tab 2" ng-attr-active="tabs[2].active">
                <div class="row">
                </div>
            </uib-tab>
        </uib-tabset>
    </div>
        
  </body>