Breadcrumb:

The breadcrumbs component helps users to understand where they are within a website’s structure and move between levels.


Output:

Code:


<div class="darkout-section">
{% include do-breadcrumbs.html %}
</div>


How to add in page:

  • Step1: To use breadcrumb it is mandatory to use page title for each page on the page’s front matter. Without using page title on page’s front matter breadcrumb will not be displayed.
  • Step2: Add breadcrumbs to the page using the include statement.
  • Step3: On the page use

<div class="darkout-section">{% include do-breadcrumbs.html %}</div>

  • Attributes:
    • Class:
      • Use additional class here as include variable.