JSFiddle - React, Tailwind, and code Playground

by Hugo Carneiro

HTML

<div class="dashboard-container">
  <div id="total-apps">
    <div class="data-color">
      <span class="app-metric-value"></span> <span class="percentage-value"></span> <span class="previous-value"></span>
    </div>
  </div>
</div>

JavaScript

var $$dashboardUI = $('.dashboard-container');

$dashboardUI
  .find('#total-apps .app-metric-value').text(4)
  .find('#total-apps .data-color').addClass(true ? 'data-positive' : 'data-negative')
  .find('#total-apps .percentage-value').text('+33.33%')
  .find('#total-apps .previous-value').text(3)