JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<div id="expired"></div>
  
  <nav>
      <a class="" href="/">MS Identity Platform MSAL V2</a>
     Login Mode: {{data.loginMode}}
  <br><br>
      <input type="checkbox" ng-click="toggleLoginMode()" ng-model="c.loginMode"> Click to Toggle Login Mode <br><br>
  
        <div class="btn-group ml-auto dropleft">
            <button type="button" id="SignIn" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Sign In
            </button>
            <div class="dropdown-menu">
              <button class="dropdown-item" id="popup" onclick="angular.element(this).scope().signIn(this.id)">Sign in using Popup</button>
              <button class="dropdown-item" id="redirect" onclick="angular.element(this).scope().signIn(this.id)">Sign in using Redirect</button>
            </div>
  <br><br>
            <a href="/sp?id=msal_v2&sysparm_domain_restore=false&sysparm_stack=no" target="_blank">Redirect to Login Page</a>
       
    
      <!-- <div class="btn-group ml-auto dropleft">
          <button type="button" id="SignIn" class="btn btn-secondary" ng-click="c.signIn()">Sign In</button>
          <button type="button" id="signOut" class="btn btn-success d-none" ng-click="c.signOut()">Sign Out</button>
      </div> -->
  
  </nav>
  
  <div class="alert alert-info" ng-if="data.preparingDownloadData">
      <fa name="spinner" spin="true"></fa>
      Preparing Download Zip... <div id="test1">{{data.varaibl1}}</div>
  
      <div id="myProgress" style=" width: 100%;background-color: #ddd;">
          <div id="myBar" style="width: 1%; height: 20px;background-color: #4CAF50;"></div>
      </div>
  
  </div>
  
  <div class="row" style="margin:auto">
      <div id="card-div" class="col-md-3 d-none">
          <div class="card text-center">
              <div class="card-body">
                  <h5 class="card-title" id="WelcomeMessage">Please sign-in to see your profile and read your mails</h5>
           ...