Breadcrumb

[giuseppe-santoro]

Comportamento atteso

Realizzare una componente di navigazione breadcrumb con lo stile di di Design UI Kit.

Breadcrumb Bootstrap Italia

Possibili soluzioni

Creare una componente Angular che rispecchi l'esempio di utilizzo seguente:

<it-breadcrumb [separator]="separator" [dark]="isDark">
    <it-breadcrumb-item *ngFor="let item of items" [link]="item.link" [icon]="item.icon">{{item.label}}</it-breadcrumb-item>
</it-breadcrumb>

• separator il carattere che verrà usato come separatore tra gli elementi del breadcrumb
• dark (opzionale, default false) se presente indica che il breadcrumb utilizza il tema di colorazione scura. Accetta una espressione booleana o può essere usato come attributo senza valore
• link il link alla pagina verso cui andare al click sull'elemento del breadcrumb
• icon (opzionale) la classe dell'icona da usare prima del testo dell'elemento del breadcrumb
• label il testo dell'elemento del breadcrumb

Accessibilità

L'elemento di navigazione breadcrumb dovrebbe avere l'attributo aria-label="breadcrumb" e l'ultimo elemento del breadcrumb dovrebbe avere l'attributo aria-current="page".