Run the CLI
Use the CLI to add the component to your project.
Breadcrumb
Displays the path to the current resource using a hierarchy of links.
Installation
Add the component files
Create the component directory structure and add the following files to your project.
Examples
default
import { Component } from '@angular/core';
import { ZardIconComponent } from '../../icon/icon.component';
import { ZardBreadcrumbImports } from '../breadcrumb.imports';
@Component({
selector: 'z-demo-breadcrumb-default',
imports: [ZardBreadcrumbImports, ZardIconComponent],
standalone: true,
template: `
<z-breadcrumb zWrap="wrap" zAlign="start">
<z-breadcrumb-item [routerLink]="['/']">
<z-icon zType="house" />
Home
</z-breadcrumb-item>
<z-breadcrumb-item [routerLink]="['/docs/components']">Components</z-breadcrumb-item>
<z-breadcrumb-item>Breadcrumb</z-breadcrumb-item>
</z-breadcrumb>
`,
})
export class ZardDemoBreadcrumbDefaultComponent {}