A breadcrumb is a navigation aid used in web interfaces that provides users with a clear path of their journey through a website. It typically appears as a horizontal row of textual links, with each link separated by symbols such as greater than signs (>), indicating the hierarchy of the content.
Installation
Follow these steps to install and use the ip-breadcrumb component in your project.
Step 1
Install the ip-breadcrumb component as a dependency in your project:
Step 2
Import the module in your script file:
Usage
To use this component, add the properties as attributes.
Properties
| Property | Attribute | Necessity | Description | Type | Default |
|---|
| breadcrumbItems | breadcrumb-items | Required | A JSON string of an array of breadcrumb items, each with a label andoptional link. | string | Undefined |
| breadcrumbTitle | breadcrumb-title | Optional | Title of the breadcrumb navigation | string | Undefined |
| prefixAriaLabel | prefix-aria-label | Optional | Aria label prefix for the links | string | Link to |
| separatorIcon | separator-icon | Optional | The icon or text used to separate breadcrumb items | string | > |
Example
Customization
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 :
