Breadcrumb

Organism

Hiyerarşik navigasyon izi. Font Awesome chevron separator, aria-current="page" son öğede.

Default

Single level

Deep hierarchy

Source modules/ui/Breadcrumb.ejs

<%
  var _items     = locals.items     || [];
  var _className = locals.className || '';
%>
>
  
    <% _items.forEach(function (item, i) { %>
    <%
      var isLast = i === _items.length - 1;
    %>
    
      <% if (!isLast && item.href) { %>
      <%= item.label %>
      
      <% } else { %>
      ><%= item.label %>
      <% if (!isLast) { %><% } %>
      <% } %>
    
    <% }); %>