Navigation v1.0.0

Fil d'Ariane

Chemin de navigation montrant la hiérarchie des pages. Prend en charge la personnalisation des séparateurs, la réduction des éléments intermédiaires en cas de débordement, et les éléments lien/texte. La fonctionnalité de réduction masque les miettes intermédiaires derrière un bouton « ... » qui se déploie au clic, gardant les chemins longs lisibles sans encombrer l'interface.

Aperçu et code

Options

Nom Type Par défaut Description
items * Array requis 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

Journal des modifications 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

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant