Albix Page Title Breadcrumb

The Albix Page Title Breadcrumb is an Angular library that provides a reusable component for displaying page titles and breadcrumbs.

Installation

To install the Albix Page Title Breadcrumb library, you can use npm:

npm install albix-page-title-breadcrumb

Usage

1. Import the AlbixPageTitleBreadcrumbModule into your Angular application module:

app.module.ts

import { AlbixPageTitleBreadcrumbModule } from "albix-page-title-breadcrumb";

@NgModule({
  declarations: [
    // Your declarations
  ],
  imports: [
    AlbixPageTitleBreadcrumbModule,
    // Other imports
  ],
  // Other module configurations
})
export class AppModule {}

app.ts

import { Component, Input, OnInit } from "@angular/core";
import { BreadcrumbItem } from "./albix-page-title-breadcrumb.service";

@Component({
  selector: "lib-albix-page-title-breadcrumb",
  // template: `
  //   <p>
  //     albix-page-title-breadcrumb works!
  //   </p>
  // `,
  templateUrl: "./albix-page-title-breadcrumb.html",
  styles: [],
})
export class AlbixPageTitleBreadcrumbComponent implements OnInit {
  @Input() breadcrumbItems: BreadcrumbItem[] = [];
  @Input() title: string = "";
  constructor() {}

  ngOnInit(): void {}
}

app.component.html

<lib-albix-page-title-breadcrumb [breadcrumbItems]="pageTitle" title="title"></lib-albix-page-title-breadcrumb>

Ensure that you provide breadcrumbItems and title data to the component as input properties.