Vertical Nav Bar - Copy this React, Tailwind Component to your project

<ul className="tabs max-h-max mt-auto mb-auto t-head "> {Object.keys(tabContents).map((tabName) => ( <li key={tabName}> <a href="#" className={`tab border-1 ${ activeTab === tabName ? "active tab-back" : "" }`} onClick={() => handleTabClick(tabName)} > {tabName} {activeTab === tabName && <span className="bg-slide"></span>} </a> </li> ))} </ul>