Primer CSS Breadcrumbs

Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. It is highly reusable and flexible. It is created with GitHub’s design system.

Primer CSS offers us so many components, and Breadcrumbs is one of them. In this article, we will learn about breadcrumbs. Breadcrumbs are used to indicate the current page’s location within a navigational hierarchy. To represent content that showcases divided paths breadcrumbs are used.

Primer CSS Breadcrumbs Used Classes:

• breadcrumb-item: This class is used for the respective element to implement this utility.

Syntax:

<div class="breadcrumb-item">
 ...
</div>

Example: This example demonstrates the use of the Primer CSS Breadcrumbs using the breadcrumb-item class. 

Output: