# GuangxunBreadcrumb

A minimal Angular breadcrumb component that supports both **standalone** and **module-based** usage. Easily styled via SCSS utility mixins.

## 💡 Quick Start

### 1. Usage in Template

```
### html
<lib-guangxun-breadcrumb></lib-guangxun-breadcrumb>
```

### 2. Style Customization
```
### scss
lib-guangxun-breadcrumb {
  @include default-flex($direction: column, $align: flex-start);
  @include default-container($width: 100%, $height: auto);
  padding: 1.2rem 0;
  font-size: 1.4rem;
}
```

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build guangxun-breadcrumb
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:
   ```bash
   cd dist/guangxun-breadcrumb
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.