Breadcrumb

Default
.e-breadcrumb 

<ul class="e-breadcrumb">
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name">
      Campaigns
    </a>
  </li>
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name">
      SMS Campaigns
    </a>
  </li>
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name">
      Create SMS Message
    </a>
  </li>
</ul>


                        <ul class="e-breadcrumb">
                          <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name">Campaigns</a></li>
                          <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name">SMS Campaigns</a></li>
                          <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name">Create SMS Message</a></li>
                        </ul>

Variations

Overflow hidden
.e-breadcrumb-overflow 

<ul style="width: 300px;" class="e-breadcrumb e-breadcrumb-overflow">
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name">
      Campaigns
    </a>
  </li>
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name">
      SMS Campaigns
    </a>
  </li>
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name">
      Create SMS Message
    </a>
  </li>
</ul>


                          <ul style="width: 300px;" class="e-breadcrumb e-breadcrumb-overflow">
                            <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name">Campaigns</a></li>
                            <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name">SMS Campaigns</a></li>
                            <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name">Create SMS Message</a></li>
                          </ul>

Service specific variations

MediaDb breadcrumb

With root name
.e-breadcrumb__name-root 

<ul class="e-breadcrumb">
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name e-breadcrumb__name-root">
      Campaigns
    </a>
  </li>
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name">
      SMS Campaigns
    </a>
  </li>
  <li class="e-breadcrumb__item">
    <a href="#0" class="e-breadcrumb__name">
      Create SMS Message
    </a>
  </li>
</ul>


                          <ul class="e-breadcrumb">
                            <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name e-breadcrumb__name-root">Campaigns</a></li>
                            <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name">SMS Campaigns</a></li>
                            <li class="e-breadcrumb__item"><a href="#0" class="e-breadcrumb__name">Create SMS Message</a></li>
                          </ul>

Last update

Message fix(breadcrumb): fix visited colors
Date:
()
Committer: Dávid Gyenes
Component history