Menu

A vertical navigation component

Properties#

NameDescription
.menu The breadcrumb component container
.menu-item The menu controller and indicator


Features#

default#



<ul class="menu w-64">
  <li class="menu-item"><a href="#first">First</a></li>
  <li class="menu-item active"><a href="#second">Second</a></li>
  <li class="menu-item"><a href="#third">Third</a></li>
</ul>

hover effect#



<ul class="menu w-64">
  <li class="menu-item hover:bg-gray-300 hover:text-white"><a href="#first">First</a></li>
  <li class="menu-item hover:bg-gray-300 hover:text-white"><a href="#second">Second</a></li>
  <li class="menu-item hover:bg-gray-300 hover:text-white"><a href="#third">Third</a></li>
</ul>