// Lightning Design System 2.29.1
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

/**
 * Breadcrumbs are typically constructed with an `ol` because their order
 * matters. You mark up breadcrumbs with classes from the horizontal list
 * utility. When you add the `.slds-breadcrumb` class, the separators are
 * automatically generated.
 *
 * **Overflow Menu Variant**
 *
 * The overflow menu breadcrumbs variant is a composition of the overflow menu with actions example of the menus component and breadcrumbs component. To implement this, include the overflow menu as the first `<li>` in the breadcrumb component. In order to vertically align all of the breadcrumb items to the center, add the `.slds-grid_vertical-align-center` class to the `<ol>`.
 *
 * #### Accessibility
 *
 * Place the breadcrumb in a `nav` element with `role="navigation"`.
 * The `nav` element is also marked-up with `aria-label="Breadcrumbs"` to
 * describe the type of navigation.
 *
 * @summary Use breadcrumbs to note the path of a record and help the user to navigate back to the parent.
 *
 * @base
 * @name breadcrumbs
 * @selector .slds-breadcrumb
 * @support dev-ready
 * @category base
 * @type navigation
 * @role navigation
 * @lwc
 * @styling-hooks
 */