Navegação v1.0.0

Breadcrumbs

Trilha de navegação mostrando a hierarquia de páginas. Suporta personalização de separadores, itens intermediários colapsáveis em caso de overflow e itens de link/texto. O recurso de colapso oculta os breadcrumbs intermediários atrás de um botão de reticências "..." que expande ao clicar, mantendo caminhos longos legíveis sem poluir a interface.

Pré-visualização e Código

Opções

Nome Tipo Padrão Descrição
items * Array obrigatório Array of hashes with `label:` (String, required) and `href:` (String, optional — nil = current page, rendered as plain text)
separator Symbol :chevron Separator icon between crumbs: :chevron, :slash, :arrow, or :dot
collapse_after Integer nil When set and item count exceeds this number + 1, middle items collapse behind a '...' ellipsis button that expands on click

Changelog v1.0.0

- Initial release with chevron, slash, arrow, and dot separators
- Collapsible overflow with Stimulus-powered expand on click
- Accessible nav/ol markup with aria-label and aria-current
- Dark mode support throughout

Obter Acesso Completo

Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.

Obter Acesso Agora