Skip to content

Releases: udayvunnam/xng-breadcrumb

Tapti

28 Sep 07:05
Compare
Choose a tag to compare
  • Compiling with v7 to support Angular 6 and 7. Closes #12 (89bf7d7)

Yamuna

20 Jul 14:39
Compare
Choose a tag to compare

Base route Breadcrumb
Added the ability to add breadcrumb for a base route such as 'Home'. closes #6

 { path: '', pathMatch: 'full',  data: { breadcrumb: 'Home' } },

Custom separator: closes #5
Breadcrumb by default uses '/' as the separator. To use custom separator pass it as input to the component like below.

<xng-breadcrumb seperator=">"></xng-breadcrumb>

Styling breadcrumbs: closes #5
The library uses the least specific selectors possible in order to make it easy to override them.
you can override by changing the CSS for classes .breadcrumb, .current-path, .separator etc with ::ng-deep

::ng-deep .breadcrumb {
  background-color: bisque;
  border: 1px solid;
}

Optional - default mapping of the route to breadcrumb label closes #2
To avoid breadcrumb labels showing by default even for routes that don't have breadcrumb configuration, set defaultMapping=false as input

<xng-breadcrumb [defaultMapping]="false"></xng-breadcrumb>

Ganges

01 Jul 16:27
Compare
Choose a tag to compare
  • Quickstart with default mapping: Just by adding <breadcrumb></breadcrumb> show breadcrumbs anywhere in the App. Breadcrumbs defaults to route segments even without any configuration.
  • Declarative mapping: Map breadcrumb label for each route, while declaring App routes.
  • Dynamic mapping: Resolve a breadcrumb label dynamically, by using BreadcrumbService.
  • Skip Breadcrumb: Skip specific routes from displaying in breadcrumbs, conditionally.