Breadcrumb

Indicate the current page's location within a navigational hierarchy with separators.

Example


<nav aria-label="breadcrumb">
  <ol class="bg-gray-300 rounded p-3 flex text-gray-600">
    <li class="mr-2" aria-current="page"><a href="#home" class="text-blue-500 hover:underline">Home</a></li>
    /
    <li class="mx-2" aria-current="page"><a href="#library" class="text-blue-500 hover:underline">Library</a></li>
    /
    <li class="mx-2" aria-current="page">Data</li>
  </ol>
</nav>