JSFiddle - React, Tailwind, and code Playground

by trivender

HTML

<ul class="nav">
            <li class="first"><a href="/">HOME</a></li>
            <li>
                    <a href="#">CATEGORIES</a>
                    <div class="dropdown">test</div>
            </li>
    </ul>

CSS

.dropdown { display: none; }
.nav li:hover .dropdown { display: block; }