{%- extends "theming/base_component.html" -%}

{%- block overview -%}

    <p>
        The <code>breadcrumb</code> component creates breadcrumb navigation
        trails that show users their current location within the site
        hierarchy. Breadcrumbs are essential for user orientation, helping
        users understand where they are in relation to the overall site
        structure and providing easy navigation back to parent sections.
    </p>

    <p>
        Breadcrumb components typically display a series of linked navigation
        items that represent the path from the site root to the current
        page. They work with <code>breadcrumb_wrapper</code>
        component to create complete breadcrumb experiences with proper visual
        separation and structural organization. Breadcrumbs are
        particularly valuable for sites with deep hierarchical structures where
        users might navigate several levels deep.
    </p>

    <p>
        The <code>breadcrumb_wrapper</code> component creates a container for
        breadcrumb navigation elements.
    </p>

    <p>
        Breadcrumb dividers typically use simple visual elements like chevrons, arrows,
        or simple separators to indicate the progression from one level to another in
        the navigation hierarchy.
    </p>

{%- endblock %}