UCI

Breadcrumbs example 

<style>
    section {
        margin: 10px 0;
    }
</style>

<div class="container">
    <section style="padding: 13px 34px">
        <ul class="
    breadcrumbs
    
">
            <li class="breadcrumbs__item">
                <a class="breadcrumbs__link" href="#">
                    <div class="breadcrumbs__label">
                        <div class="text-label-m">Home</div>
                    </div>
                </a>
            </li>
            <li class="breadcrumbs__item">
                <div class="breadcrumbs__label inactive">
                    <div class="text-label-m">inmobiliarios</div>
                </div>
            </li>
        </ul>

    </section>
    <section style="padding: 13px 34px; background-color: #e4002b">
        <ul class="
    breadcrumbs
    breadcrumbs_light
">
            <li class="breadcrumbs__item">
                <a class="breadcrumbs__link" href="#">
                    <div class="breadcrumbs__label">
                        <div class="text-label-m">Home</div>
                    </div>
                </a>
            </li>
            <li class="breadcrumbs__item">
                <div class="breadcrumbs__label inactive">
                    <div class="text-label-m">inmobiliarios</div>
                </div>
            </li>
        </ul>

    </section>
</div>
 
<style>
    section {
        margin: 10px 0;
    }
</style>

<div class="container">
    <section style="padding: 13px 34px">
        {{ render '@breadcrumbs' }}
    </section>
    <section style="padding: 13px 34px; background-color: #e4002b">
        {{ render '@breadcrumbs--light' }}
    </section>
</div>
 
/* No context defined. */

No notes defined.