Materialize CSS Breadcrumbs

Materialize CSS Breadcrumbs

Materialize CSS breadcrumbs specify the current page location inside the navigation hierarchy. It highlights the active page & separates the item with a separator.

Steps To Create Breadcrumb Component

To create Materialize CSS breadcrumbs, wrap all the breadcrumb item inside the container having class .nav-wrapper and add .breadcrumb class to the <a> element base class.

General Syntax

Try it now

Source Code

Try it now

Source Code : Output

Materialize CSS - Breadcrumb