JSFiddle - React, Tailwind, and code Playground

by Ivan

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div ng-app="aa" ng-controller="cc">
<form>
    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-info" ng-class="{active: vm.formSwitcher=='gNr'}">
            <input type="radio" name="formSwitcher" id="gNr" ng-model="vm.formSwitcher" value="gNr" /> Form for new G
        </label>

        <label class="btn btn-info" ng-class="{active: vm.formSwitcher=='pNr'}">
             <input type="radio" name="formSwitcher" id="pNr" ng-model="vm.formSwitcher" value="pNr" /> Form for new P
        </label>
    </div>
</form>

<div ng-show="vm.formSwitcher == 'gNr' ">
   new G
</div>

<div ng-show="vm.formSwitcher == 'pNr' ">
  new P
</div>
</div>

JavaScript

angular.module('aa', []).controller('cc', function(){});