JSFiddle - React, Tailwind, and code Playground

by cmruser

HTML

<nav role="navigation">
    <ul class="nav-bar">
        <li><a href="#">Dashboard</a></li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Company <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">List</a></li>
                <li><a href="#">Add</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">List</a></li>
                <li><a href="#">Add</a></li>
            </ul>
        </li>
    </ul>
    <ul class="nav-bar">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Setup <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><span>Modules</span></li>
                <li><a href="#">Coop/MDF</a></li>
                <li><a href="#">Deal Registration</a></li>
                <li><span>User</span></li>
                <li><a href="#">User</a></li>
                <li><a href="#">Email</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">John Doe <img src="img/demo/user-avatar.jpg" alt=""/></a>
            <ul class="dropdown-menu">
                <li><a href="#">Edit profile</a></li>
                <li><a href="#">Account settings</a></li>
                <li><a href="#">Sign out</a></li>
            </ul>
        </li>
    </ul>
</nav>