| title |
|---|
ion-breadcrumb |
import Props from '@ionic-internal/component-api/v8/breadcrumb/props.md'; import Events from '@ionic-internal/component-api/v8/breadcrumb/events.md'; import Methods from '@ionic-internal/component-api/v8/breadcrumb/methods.md'; import Parts from '@ionic-internal/component-api/v8/breadcrumb/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/breadcrumb/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/breadcrumb/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
A Breadcrumb is a single navigation item that is a child of the Breadcrumbs component. A breadcrumb can link elsewhere in an app or it can be plain text. Each breadcrumb has a separator between it and the next breadcrumb and can optionally contain an icon.
See the Breadcrumbs documentation for more information.
interface BreadcrumbCollapsedClickEventDetail {
collapsedBreadcrumbs?: HTMLIonBreadcrumbElement[];
}While not required, this interface can be used in place of the CustomEvent interface for stronger typing .
interface BreadcrumbCustomEvent extends CustomEvent {
detail: BreadcrumbCollapsedClickEventDetail;
target: HTMLIonBreadcrumbElement;
}