Breadcrumbs

Ready

HTML
View
Context
Info
Notes


        
        <ol class="breadcrumb">
    <li>
        <a href="#">Home</a>
    </li>
    <li>
        <a href="#">Zelf aan de slag</a>
    </li>
    <li class="active">Inhoud</li>
</ol>


        <ol class="breadcrumb">
  {{#each crumbs }}
    {{#if @last }}
      <li class="active">{{ label }}</li>
    {{else}}
      <li>
        <a href="{{ url }}">{{ label }}</a>
      </li>
    {{/if}}
  {{/each}}
</ol>


        
            
            crumbs:
  - label: Home
    url: '#'
  - label: Zelf aan de slag
    url: '#'
  - label: Inhoud
    url: '#'

Handle: @breadcrumbs
Preview:
- With layout
- Component only
Filesystem Path: components\05-navigation\breadcrumbs\breadcrumbs.hbs
Referenced by (1): @header

Toont een breadcrumb. Gebaseerd op de Bootstrap “Breadcrumbs” component