Overview:

The Astro | Breadcrumbs is a well-configurable breadcrumb component for Astro that allows users to create breadcrumbs dynamically or specify how they should look. With zero dependencies, this component offers fully customizable, dynamic or static mode, optional styles, SCSS or CSS style choices, CSS classes with BEM naming convention, accessibility support, structured data schema.org JSON-LD script tag support, and a small file size.

Features:

• Zero dependencies
• Fully customizable
• Dynamic or static mode
• Completely optional styles
• Choose between SCSS or CSS styles
• CSS classes with BEM naming convention
• A11y support
• Structured data schema.org JSON-LD script tag support

Installation:

To install the Astro | Breadcrumbs theme, you can follow these steps:

npm install @breadcrumbs/astro

Then, you can use it in your Astro project by importing it:

import astroBreadcrumbs from '@breadcrumbs/astro';

Make sure to refer to the documentation for detailed information on how to use and customize the breadcrumbs component.

Summary:

The Astro | Breadcrumbs theme offers a convenient and versatile solution for creating breadcrumbs in Astro projects. Its key features, such as zero dependencies, customizable styles, dynamic capabilities, and accessibility support, make it a reliable choice for developers looking to enhance the navigation experience on their websites. Install it easily and refer to the documentation for full utilization of its features and styling options.