# Breadcrumb Displays the path to the current resource using a hierarchy of links. Use Breadcrumb for hierarchical navigation trails in docs, account areas, settings surfaces, and deep app routes where users need a quick sense of where they are. ## Import ```ts import { BreadcrumbComponent, BreadcrumbEllipsisComponent, BreadcrumbItemComponent, BreadcrumbLinkComponent, BreadcrumbListComponent, BreadcrumbPageComponent, BreadcrumbSeparatorComponent, } from '@edsis/component/breadcrumb'; import { RouterLink } from '@angular/router'; ``` ## Composition The Angular structure matches the shadcn breadcrumb composition while translating it to Angular selectors and native router-friendly anchors. ```text Breadcrumb └── ol[BreadcrumbList] ├── li[BreadcrumbItem] │ └── a[BreadcrumbLink] ├── li[BreadcrumbSeparator] ├── li[BreadcrumbItem] │ └── a[BreadcrumbLink] ├── li[BreadcrumbSeparator] └── li[BreadcrumbItem] └── span[BreadcrumbPage] ``` ## Basic usage Prefer a semantic `