Basic Breadcrumbs

Basic Usage

Component usage:


<awe-breadcrumbs [breadcrumbs]="breadcrumbs"></awe-breadcrumbs>
      

Where breadcrumbs array is defined as:


breadcrumbs = [
  { label: 'Home', url: '/home', active: false },
  { label: 'Products', url: '/products', active: false },
  { label: 'Electronics', url: '/products/electronics', active: false },
  { label: 'Smartphones', url: '/products/electronics/smartphones', active: true }
];
      

Navigation Structure

Breadcrumbs provide users with their current location within the site hierarchy and offer easy navigation back to parent pages.