Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Breadcrumbs

    A location trail that shows where the current page sits in the hierarchy and folds long trails.

    Storybook
    Storybook
    Source
    Source

    Added

    • First version: Breadcrumbs and the BreadcrumbItem type.
    • items, maxItems (default 4), label, render, className.
    • The middle of a long trail folds into a “…” button; the button expands the trail in place, items enter with motion.listItem and focus moves to the first revealed link.
    • Below 640 px only a link to the parent page is shown.
    • New library strings: ui.breadcrumbs.label, ui.breadcrumbs.expand.

    Changed

    • Links are underlined on hover and keyboard focus; colour is not the only cue.