Breadcrumbs
Breadcrumbs je komponent, ktorý zobrazuje cestu, po ktorej používateľ prešiel v rámci aplikácie alebo webu. Tento element zobrazuje hierarchické usporiadanie stránok, v ktorom každý segment cesty Breadcrumb je hyperlink, umožňujúci rýchly návrat na predchádzajúce úrovne. Breadcrumbs môže obsahovať ikonu.
Základné použitie
Použitie s ikonami
Vlastná ikona oddeľovača
Zbaľovací breadcrumb
Maximálny počet položiek
Ak je v zozname viac položiek ako hodnota maxItems, zoznam sa zbalí. V predvolenom nastavení sa zobrazí len prvá a posledná položky.
Počet položiek pred alebo po zbalení
Keď sú položky zbalené, počet položiek, ktoré sa majú zobraziť, možno ovládať pridaním vlastností itemsBeforeCollapse a itemsAfterCollapse.
Rozbaľovacie okno
Zbalené položky je možné zobraziť aj v podobe rozbaľovacieho okna použitím vlastnosti collapsed-variant s hodnotou dropdown.
Atribúty a Vlastnosti
itemsAfterCollapse
| Description | Specifies the value of the maximum number of items displayed after packing |
| Attribute | itemsAfterCollapse |
| Type | number |
| Default | 0 |
itemsBeforeCollapse
| Description | Specifies the value of the maximum number of items displayed before packing |
| Attribute | itemsBeforeCollapse |
| Type | number |
| Default | 0 |
maxItems
| Description | Specifies the value of the maximum number of items displayed in the Breadcrumbs navigation |
| Attribute | maxItems |
| Type | number |
| Default | 0 |
Eventy
No events available for this component.
Metódy
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Vlastnosti
No CSS custom properties available for this component.
Sloty
No slots available for this component.