Breadcrumbs
Le Linee Guida per il design degli applicativi di Regione Lombardia prevedono breacrumbs con e senza icone.
<nav class="breadcrumb-container" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a><span class="separator">/</span></li>
<li class="breadcrumb-item"><a href="#">Subsection</a><span class="separator">/</span></li>
<li class="breadcrumb-item active" aria-current="page">Current section</li>
</ol>
</nav>
<nav class="breadcrumb-container" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><svg class="icon icon-sm icon-secondary align-top mr-1" aria-hidden="true"><use xlink:href="/bootstrap-lombardia/dist/svg/sprite.svg#it-link"></use></svg><a href="#">Home</a><span class="separator">/</span></li>
<li class="breadcrumb-item"><svg class="icon icon-sm icon-secondary align-top mr-1" aria-hidden="true"><use xlink:href="/bootstrap-lombardia/dist/svg/sprite.svg#it-link"></use></svg><a href="#">Subsection</a><span class="separator">/</span></li>
<li class="breadcrumb-item active" aria-current="page"><svg class="icon icon-sm icon-secondary align-top mr-1" aria-hidden="true"><use xlink:href="/bootstrap-lombardia/dist/svg/sprite.svg#it-link"></use></svg>Current section</li>
</ol>
</nav>Separatore
Come separatore utilizzare sempre la barra: /
Sfondo scuro
NON UTILIZZARE i breadcrumbs su sfondo scuro
Riferimenti
Il contenuto di questa pagina si riferisce ai seguenti punti della Documentazione Tecnica: