Breadcrumb
Hierarchical navigation showing the user's location in the app. Use when pages are nested three or more levels deep. The current page gets aria-current="page" and is not a link. Works at any depth — add as many list items as your IA needs. A crumb that runs an action instead of navigating can be a <button class="lb-breadcrumb__link lb-breadcrumb__link--button"> — the modifier strips the native button chrome so it matches the links either side.
a11y (built in): the trail is a <nav aria-label="Breadcrumb"> wrapping an <ol>, so both the landmark and the ordering carry the hierarchy. The current page is a <span aria-current="page">, not a link — nothing to tab to that goes nowhere. Separators are aria-hidden="true" so the slash is never announced, links take a :focus-visible ring from --lb-border-focus, and there is no JS at all — the component is markup plus CSS.
Usage: <nav class="lb-breadcrumb" aria-label="Breadcrumb"> around an <ol class="lb-breadcrumb__list">. Each <li class="lb-breadcrumb__item"> holds an .lb-breadcrumb__link plus an aria-hidden .lb-breadcrumb__separator; the last item is a .lb-breadcrumb__current span carrying aria-current="page". Nothing to initialise — there is no controller.