Breadcrumb

O componente Breadcrumb (ou "trilha de migalhas") é usado para mostrar a localização do usuário dentro da hierarquia do site, facilitando a navegação para páginas anteriores.

Exemplo Visual

Navegação com Ícones

Como Utilizar

Código

{% import "macros/ui.njk" as ui %}

{% set breadcrumbItems = [
  { label: "Home", href: "/", icon: "fa-solid fa-house" },
  { label: "Seção", href: "/secao/" },
  { label: "Página Atual" }
] %}

{{ ui.breadcrumb(breadcrumbItems) }}

Parâmetros

• items (obrigatório): Array de objetos contendo:
  • label: Texto do link
  • href: URL do link (opcional para o último item)
  • icon: Classe de ícone Font Awesome (opcional)