Componentes — 13

Breadcrumbs

Navegação estrutural para indicar hierarquia e retorno de contexto em documentação, áreas internas e fluxos com profundidade.

13.1

Hierarquia

O último item recebe aria-current por padrão. Links anteriores podem usar renderLink para integrar Next Link ou outro roteador.

Breadcrumbs padrão

<Breadcrumbs
  items={[
    { href: "/", label: "Início" },
    { href: "/componentes/botao", label: "Componentes" },
    { label: "Breadcrumbs" },
  ]}
/>

13.2

Contrato

A API privilegia itens simples e integração explícita com roteadores via renderLink.

itemsBreadcrumbItem[]Lista de itens com href, label e current opcional

labelstringNome acessível da navegação

separatorReactNodeSeparador visual entre níveis

renderLinkfunctionRenderização customizada de links