Breadcrumbs

Drobečky nad hlavičkou stránky — kde jsem a jak zpátky. V aplikaci bez bočního menu nesou celou orientaci do hloubky.

Kdy použít

Detail, ke kterému se dá dojít jen přes seznam. Horní lišta říká, ve které sekci jsi, drobečky říkají, jak hluboko — a bez bočního menu tuhle druhou informaci nemá kdo jiný nést.
Cesta hlubší než dva články. Sekce, seznam, položka: teprve tady má čtenář co ztratit a drobečky mu to vrátí.
Návrat o úroveň výš, který není „zpátky v prohlížeči“. Kdo přišel z odkazu, historii nemá — cestu vzhůru mu ukážou jen drobečky.

Kdy nepoužít

Kořenová stránka sekce. Jediný článek neřekne nic, co by hlavička neřekla líp — komponenta proto pro méně než dva články vrátí null a lišta se nekreslí vůbec.
Navigace mezi sourozenci — záložky nad obsahem, přepínač pohledů. Drobečky vedou nahoru, ne do stran; na kroky vedle je IngotTabs.
Náhrada hlavního menu. Drobečky říkají, kde stojíš, ne kam se dá jít — sekce aplikace patří do IngotTopNav.

Vlastnosti

items: readonly IngotCrumb[] — Cesta odshora dolů. Méně než dva články se nevykreslí vůbec.
label: string — Přeložený aria-label navigace. Odečítač jinak ohlásí jen „navigace“.
testId: string — Kotva pro test. Na vzhled ani na chování nemá vliv.