JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<div data-v-662b6f68="" id="sidebar" class="hidden md:block fixed ml-0">
  <div data-v-662b6f68="" class="logo sticky top-0 shadow"><img data-v-662b6f68="" src="http://localhost:8000/src/assets/images/logo.png" alt="logo"></div>
  <div data-v-662b6f68="" class="nav hidden md:block" style="
    display: block;
">
    <div data-v-662b6f68="" class="nav-item"><a data-v-662b6f68="" href="#"><i data-v-662b6f68="" class="material-icons pr-2 icon">dashboard</i> <span data-v-662b6f68="" class="nav-label hidden sm:inline">Dashboard</span></a></div>
    <div data-v-662b6f68="" class="nav-item"><a data-v-662b6f68="" href="#"><i data-v-662b6f68="" class="material-icons pr-2 icon">add</i> <span data-v-662b6f68="" class="nav-label hidden sm:inline">My Credit</span> <i data-v-662b6f68="" class="material-icons hidden sm:inline float-right">chevron_right</i></a>
      <div data-v-662b6f68="" class="nav-child">
        <div data-v-662b6f68="" class="nav-child-item"><a data-v-662b6f68="" href="#"><i data-v-662b6f68="" class="material-icons pr-2 icon">add</i> <span data-v-662b6f68="" class="nav-label sm:inline">Topup</span></a></div>
        <div data-v-662b6f68="" class="nav-child-item"><a data-v-662b6f68="" href="#"><i data-v-662b6f68="" class="material-icons pr-2 icon">add</i> <span data-v-662b6f68="" class="nav-label sm:inline">Credit Histories</span></a></div>
      </div>
    </div>
    <div data-v-662b6f68="" class="nav-item"><a data-v-662b6f68="" href="#"><i data-v-662b6f68="" class="material-icons pr-2 icon">card_giftcard</i> <span data-v-662b6f68="" class="nav-label hidden sm:inline">Subscriptions</span> <i data-v-662b6f68="" class="material-icons hidden sm:inline float-right">chevron_right</i></a>
      <div data-v-662b6f68="" class="nav-child">
        <div data-v-662b6f68="" class="nav-child-item"><a data-v-662b6f68="" href="#"><i data-v-662b6f68="" class="material-icons pr-2 icon">card_giftcard</i> <span data-v-662b6f68="" class="nav-label sm:inline">My...