Breadcrumb

O caminho até onde a pessoa esta.

Encolhe sozinho: passando de max, o meio vira reticencia. No celular sobram as duas ultimas migalhas, porque caminho comprido rola para fora da tela e ninguém le o começo.

O teto se chama max, o mesmo nome que Indicator, AvatarGroup e TagsInput usam para a mesma ideia.

O caminho entra por items, uma lista de Crumb ({ label, href }, com o href de fora na última, que é onde a pessoa já está):

const trilha: Crumb[] = [
  { label: 'Notas fiscais', href: '/notas' },
  { label: 'Nota 4813' },
]

A última não é link e leva aria-current="page".

No React Native

Não porta. O caminho até onde a pessoa está é, no celular, o botão de voltar do router mais o título da tela. Desenhar uma trilha por cima disso duplica a navegação e come a largura que o título precisa.