Product Name

Show Code
<div class="ui breadcrumb">
  <a class="section">Home</a>
  <i class="right angle icon divider"></i>
  <a class="section">Store</a>
  <i class="right angle icon divider"></i>
  <div class="active section">T-Shirt</div>
</div>

Equal width breadcrumbs

Show Code
<div class="ui breadcrumb equal width grid">
  <div class="column">
    <a class="section">Home</a>
  </div>
  <div class="column">
    <i class="right angle icon divider"></i>
  </div>
  <div class="column">
    <a class="section">Store</a>
  </div>
  <div class="column">
    <i class="right angle icon divider"></i>
  </div>
  <div class="column">
    <div class="active section">T-Shirt</div>
  </div>
</div>

Actionetics breadcrumbs (initial)

Show Code
<div class="ui broadcast breadcrumb">
  <a class="section active">
    <i class="ui icon setting"></i>
    General Settings
  </a>
  <i class="right angle icon divider"></i>
  <a class="section disabled">
    <i class="ui icon mail"></i>
    Message
  </a>
  <i class="right angle icon divider"></i>
  <a class="section disabled">
    <i class="ui icon clickfunnels time"></i>
    Schedule
  </a>
  <i class="right angle icon divider"></i>
  <a class="section disabled">
    <i class="ui icon clickfunnels checklist"></i>
    Summary
  </a>
</div>

Actionetics breadcrumbs (validated)

Show Code
<div class="ui broadcast breadcrumb">
  <a class="section">
    <i class="ui icon setting"></i>
    General Settings
  </a>
  <i class="right green angle icon divider"></i>
  <a class="section active">
    <i class="ui icon mail"></i>
    Message
  </a>
  <i class="right green angle icon divider"></i>
  <a class="section">
    <i class="ui icon clickfunnels time"></i>
    Schedule
  </a>
  <i class="right green angle icon divider"></i>
  <a class="section">
    <i class="ui icon clickfunnels checklist"></i>
    Summary
  </a>
</div>