Breadcrumbs     

Quasar Breadcrumbs is a graphical control element used as a navigational aid in UI. It allows users to keep track of their locations within programs, documents, or websites.

This component only has CSS code, so you just have to follow the HTML structure in your templates for it.

Basic Usage

<ul class="breadcrumb">
  <li>
    <a>
      <q-icon name="home" />
    </a>
  </li>

  <li>
    <a>
      <q-icon name="mail" /> Quasar
    </a>
  </li>

  <li>
    <a>
      <q-icon name="cloud" /> Breadcrumb
    </a>
  </li>
</ul>