Breadcrumbs

Breadcrumbs are a good way to display your current location. This is usually used when you have multiple layers of content.

Basic

                        
<nav class="bg-white">
    <div class="nav-wrapper">
      <div class="col s12">
        <a href="#!" class="breadcrumb">First</a>
        <a href="#!" class="breadcrumb">Second</a>
        <a href="#!" class="breadcrumb">Third</a>
      </div>
    </div>
</nav>

Flat

First Second Third 
                        
<div class="col s12 flat-breadcrumb">
    <a href="#!" class="breadcrumb">First</a>
    <a href="#!" class="breadcrumb">Second</a>
    <a href="#!" class="breadcrumb">Third</a>
</div>