Giter Site home page Giter Site logo

iamusicgab / astro-breadcrumbs Goto Github PK

View Code? Open in Web Editor NEW

This project forked from felix-berlin/astro-breadcrumbs

0.0 0.0 0.0 2.28 MB

Fork of astro breadcrumbs for my bio website. Well configurable breadcrumb component for Astro.js. Create breadcrumbs completely dynamically or specify exactly how they should look.

Home Page: https://docs.astro-breadcrumbs.kasimir.dev

License: GNU General Public License v3.0

TypeScript 0.95% SCSS 38.51% Astro 60.54%

astro-breadcrumbs's Introduction

๐Ÿž Astro | Breadcrumbs

npm npm GitHub package.json version GitHub Workflow Status GitHub file size in bytes GitHub file size in bytes GitHub file size in bytes Dependent repos (via libraries.io)

Well configurable breadcrumb component for Astro.

Create breadcrumbs completely dynamically or specify exactly how they should look.


This component comes with:

  • โœ… Zero dependencies
  • โœ… Fully customizable
  • โœ… Dynamic or static mode
  • โœ… Completely optional styles
  • โœ… Choose between SCSS or CSS styles:
    • SCSS file with a lot of settings
    • CSS File with configurable CSS vars
  • โœ… CSS classes with BEM naming convention
  • โœ… A11y support
  • โœ… Structured data schema.org JSON-LD script tag support
  • โœ… Small size
  • โœ… Zero Config Mode. Just install and use!

๐Ÿ“ฆ Installation

# Uisng NPM
npm install astro-breadcrumbs

# Using Yarn
yarn add astro-breadcrumbs

# Using PNPM
pnpm add astro-breadcrumbs

๐Ÿ“– Documentation

Please visit the documentation for detailed information about all features and styling.

astro-breadcrumbs's People

Contributors

felix-berlin avatar renovate[bot] avatar semantic-release-bot avatar dependabot[bot] avatar iamusicgab avatar sudovanilla avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.