Sur cette page
Breadcrumb Item
AlphaReprésente un lien individuel dans un fil d'ariane, typiquement un par niveau de la hiérarchie du site.
Ce composant doit être utilisé en tant qu'enfant de <ar-breadcrumb>.
Merci de voir la documentation du composant ar-breadcrumb pour voir les exemples d'utilisation.
Si vous utilisez l'autoloader, les composants détectés dans la pages sont chargés automatiquement, donc pas besoin de les importer individuellement.
Pour un import manuel, voici comment vous y prendre.
Importez ce composant depuis le CDN.
<script type="module" src="https://unpkg.com/@ariane-ui/core/dist/components/breadcrumb-item/index.js"></script>Après avoir installé le paquet via npm, vous pouvez importer le composant ainsi :
import '@ariane-ui/core/dist/components/breadcrumb-item/index.js';Attributs et propriétés
Destination du lien. Un item intermédiaire sans `href` est rendu comme un `<a>` inerte : pas de rôle link, non focusable.
Slots
Remplace le contenu par défaut (aplat de couleur posé par le thème) de la puce mobile par une icône. Purement décoratif (`aria-hidden`).
CSS Parts
Utilisez ::part(name) pour styler ces éléments depuis l'extérieur.
Certaines parts indiquent un rôle transverse, partagé avec d'autres composants — voir Personnalisation avancée.
Certaines parts portent un modificateur d'état (--) — voir Personnalisation avancée.
Le lien de navigation (items intermédiaires).
Le texte de la page courante (dernier item, non cliquable).
Le séparateur avant l'item (desktop uniquement, absent avant le premier item).
La puce de l'item (mobile uniquement).
La puce de l'élément courant (variante d'état de `indicator`).