General
Template
Layout
Typography
Navigational
Informational
- Info Boxes
- Output Boxes
-
Code Boxes
- Cards
Data
Input
Images
Header
Footer
Components - Navigational
Navigational Components - Bread Crumbs
Explore the website with order
Navigation - Breadcrumb
Breadcrumb Component
Breadcrumb is the set of anchor elements to show the navigational path of the current page from the home page of the current documentation.
Implementation Code and the output
<div class="breadcrumb">
<a href="/location/link/goes/here.html">
<i class="fa-regular fa-house"></i>
</a>
<span class="breadcrumb-divider">
<i class="ph-bold ph-caret-right"></i>
</span>
<a href="/location/link/goes/here.html">
Parent Page
</a>
<span class="breadcrumb-divider">
<i class="ph-bold ph-caret-right"></i>
</span>
<a href="/location/link/goes/here.html">
Current Page
</a>
</div>
Copy