Un fil d’Ariane est un outil de navigation utilisé dans les interfaces web pour indiquer à l’utilisateur le chemin parcouru au sein d’un site. Il se présente généralement sous la forme d’une ligne horizontale de liens textuels, séparés par des symboles — souvent des chevrons (>) — représentant la hiérarchie des pages.
Installation
Suivez les étapes ci-dessous pour installer et utiliser le composant ip-breadcrumb dans votre projet.
Étape 1
Installez le composant ip-breadcrumb en tant que dépendance dans votre projet :
Étape 2
Importez le module dans votre fichier script :
Utilisation
Pour utiliser ce composant, ajoutez les propriétés sous forme d’attributs.
Propriétés
| Propriété | Attribut | Nécessité | Description | Type | Valeur par défaut |
|---|
| breadcrumbItems | breadcrumb-items | Requise | Une chaîne JSON contenant un tableau d’éléments du fil d’Ariane, chacun avec un libellé et éventuellement un lien. | string | Non défini |
| breadcrumbTitle | breadcrumb-title | Optionnel | Titre de la navigation du fil d’Ariane. | string | Non défini |
| prefixAriaLabel | prefix-aria-label | Optionnel | Préfixe de l’aria-label pour les liens. | string | Link to |
| separatorIcon | separator-icon | Optionnel | L’icône utilisée comme séparateur entre les éléments du fil d’Ariane. | string | > |
Exemple
Personnalisation
Un ensemble de classes est disponible pour permettre une personnalisation avancée :
title: pour le titre du fil d’Ariane.breadcrumb: pour chaque élément du fil d’Ariane. icon: pour l’icône de séparation.
Pour modifier les valeurs, utilisez l’exemple suivant :
