JSFiddle - React, Tailwind, and code Playground

Config Windows

by chrischilcoat

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://yakabod.yakabox.com/css/scss/themes/darkly/ui_dark.css">
<script src="//d3js.org/d3.v3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<!--
<div class="panel panel-default">
  <div class="panel-heading">
    <div class="btn-group pull-right">
      <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        This Week <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        <li><a href="#">Today</a></li>
        <li class="active"><a href="#">This Week</a></li>
        <li><a href="#">This Month</a></li>
        <li><a href="#">This Year</a></li>
        <li><a href="#">All Time</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Custom Date Range</a></li>
      </ul>
    </div>
    <h3 class="panel-title">
      <span class="fa fa-chevron-down"></span> <strong>Page Statistics:</strong> <small>/messages/</small>
    </h3>
   
  </div>
  
  <div class="panel-body">
    <div class="text-center">
      <div class="btn-group" role="group" aria-label="...">
        <button type="button" class="btn btn-sm btn-default">Views</button>
        <button type="button" class="btn btn-sm btn-default">OS</button>
        <button type="button" class="btn btn-sm btn-default active">Resolutions</button>
        <button type="button" class="btn btn-sm btn-default">Browsers</button>
      </div>
    </div>
  </div>
  

    <div class="row">
      <div class="col-xs-6" style="text-align:center;">
      <h1>34</h1>
      <p>Total Views</p>
      </div>
       <div...

SCSS

body {padding:20px;}