Navigazione v1.0.0

Breadcrumb

Percorso di navigazione che mostra la gerarchia delle pagine. Supporta personalizzazione dei separatori, compressione degli elementi centrali in caso di overflow e voci link/testo. La funzione di compressione nasconde le briciole intermedie dietro un pulsante "..." che si espande al clic, mantenendo i percorsi lunghi leggibili senza ingombrare l'interfaccia.

Anteprima e Codice

Opzioni

Nome Tipo Predefinito Descrizione
items * Array obbligatorio 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

Registro delle modifiche 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

Ottieni l'Accesso Completo

Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.

Ottieni l'Accesso Ora