xng-breadcrumb

v12.0.0

A declarative and reactive breadcrumb approach for Angular 6 and beyond https://www.npmjs.com/package/xng-breadcrumb For more information about how to use this package see README

Latest version published 3 months ago

License: MIT

NPM

GitHub

Package Health Score

78 / 100

security
No known security issues
popularity
Recognized
maintenance
Sustainable
community
Active

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
12.0.0	\|	08/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
11.0.0	\|	03/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
10.0.2	\|	01/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
9.0.0	\|	11/2022		0 C 0 H 0 M 0 L	0 H 0 M 0 L
8.0.2	\|	06/2022	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Recognized

Weekly Downloads (11,797)

GitHub Stars: 242
Forks: 62
Contributors: 20

Direct Usage Popularity

The npm package xng-breadcrumb receives a total of 11,797 downloads a week. As such, we scored xng-breadcrumb popularity level to be Recognized.

Based on project statistics from the GitHub repository for the npm package xng-breadcrumb, we found that it has been starred 242 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: Yes
Contributors: 20
Funding: Yes

With more than 10 contributors for the xng-breadcrumb repository, this is possibly a sign for a growing and inviting community.

Embed Package Health Score Badge

Maintenance

Sustainable

Commit Frequency

Open Issues: 1
Open PR: 1
Last Release: 3 months ago
Last Commit: 3 months ago

Further analysis of the maintenance status of xng-breadcrumb based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Sustainable.

We found that xng-breadcrumb demonstrates a positive version release cadence with at least one new version released in the past 3 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 7 years
Dependencies: 1 Direct
Versions: 71
Install Size: 160 kB
Dist-tags: 1
# of Files: 16
Maintainers: 1
TS Typings: Yes

xng-breadcrumb has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

xng-breadcrumb

> A lightweight, declarative and dynamic breadcrumbs solution for Angular 6 and beyond.

bundle size

Why Choose Breadcrumbs?

Simplify Navigation: Breadcrumbs are vital in applications with deep navigation hierarchies, offering users an intuitive way to traverse back to higher levels effortlessly.

Documentation

For a step by step guide on integrating xng-breadcrumb into your Angular application, visit the Documentation.

Demo App

Explore our Demo App - showcasing the power of xng-breadcrumb in an Angular setup. Experience seamless breadcrumb navigation as you browse through various links!

Features

✅ Zero configuration: Just add `` anywhere in the app.Breadcrumb labels are automatically generated by analyzing Angular Route configurations.
✅ Custom labels:Define custom labels for each route via Angular Route Configurations, enhancing breadcrumb clarity and relevance.
✅ Update labels dynamically: Change breadcrumb labels dynamically using BreadcrumbService.set(), utilizing either route path or route alias.
✅ Skip breadcrumb: Conditionally exclude specific routes from breadcrumb display
✅ Disable breadcrumb: Can disable specific routes in breadcrumbs to prevent navigation to intermediate states .
✅ Customization: Customize breadcrumb template to display icons with label, apply text formatting using pipes, integrate i18n with ngx-translate, and more.
✅ Styling and Seperators: Easily customize breadcrumb separators and styles to match your application's design
✅ QueryParams and Fragment: Preserves QueryParams and Fragement while navigating via breadcrumbs
✅ SSR: Supports server side rendering with nguniversal

❤️ Become a Sponsor!

Thanks goes to these wonderful people (emoji key):

_{Uday Vunnam} 💻 📖 🚧	_anthonythiry 💻	_dedrazer 💻	_{Danny Feliz} 📖	_Kapsky 💻	_{Andrei Cojea} 📖	_Jonathan 💻
_{Pavan Kumar Jadda} 💻	_{Leon Fretter} 💻	_{Lukáš Matta} 📖	_{Glenn Latomme} 💻	_{Ovidiu Haureș} 💻	_{Kristof Gilis} 💻
Add your contributions `</td> </tr>`

This project follows the all-contributors specification. Contributions of any kind welcome!

To add new contributor username, who made a contribution of type contribution:

pnpm all-contributors add Example: pnpm all-contributors add jfmengels code,doc

xng-breadcrumb dependencies

tslib

FAQs

What is xng-breadcrumb?

A declarative and reactive breadcrumb approach for Angular 6 and beyond https://www.npmjs.com/package/xng-breadcrumb. Visit Snyk Advisor to see a full health score report for xng-breadcrumb, including popularity, security, maintenance & community analysis.

Is xng-breadcrumb popular?

The npm package xng-breadcrumb receives a total of 11,797 weekly downloads. As such, xng-breadcrumb popularity was classified as a recognized. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is xng-breadcrumb well maintained?

We found indications that xng-breadcrumb maintenance is sustainable demonstrating some project activity. We saw a total of 20 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is xng-breadcrumb safe to use?

The npm package xng-breadcrumb was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 19 November-2024, at 05:53 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (11,797)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

xng-breadcrumb

Why Choose Breadcrumbs?

Documentation

Demo App

Features

❤️ Become a Sponsor!

xng-breadcrumb dependencies

FAQs

What is xng-breadcrumb?

Is xng-breadcrumb popular?

Is xng-breadcrumb well maintained?

Is xng-breadcrumb safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues