UMD Web Components Library
    Preparing search index...

    Variable breadcrumb

    Breadcrumb Navigation

    A breadcrumb navigation component that displays a hierarchical trail of links. Helps users understand their location within the site structure and navigate back to parent pages.

    <umd-element-breadcrumb>

    • paths - Navigation list containing breadcrumb links (required, accepts: ol, ul)
    • data-theme - Theme options:
      • dark - Dark theme styling
    <!-- Basic breadcrumb -->
    <umd-element-breadcrumb>
    <ol slot="paths">
    <li><a href="/">Home</a></li>
    <li><a href="/academics">Academics</a></li>
    <li><a href="/academics/programs">Programs</a></li>
    <li>Computer Science</li>
    </ol>
    </umd-element-breadcrumb>
    <!-- Dark theme breadcrumb -->
    <umd-element-breadcrumb data-theme="dark">
    <ul slot="paths">
    <li><a href="/">UMD</a></li>
    <li><a href="/research">Research</a></li>
    <li>Quantum Computing Lab</li>
    </ul>
    </umd-element-breadcrumb>

    1.0.0