@swisspost/design-system-intranet-header

Swisspost Intranet Header

The Angular header component for Intranet applications.

Documentation

• Technical docs: Swiss Post Design System
• Design docs: Experience Hub

Usage

Install the header in your Angular project:

npm install @swisspost/design-system-intranet-header

In your app.module.ts, add the header to your imports:

// Other imports ....
import { SwissPostIntranetHeaderModule } from '@swisspost/design-system-intranet-header';

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    // ...
    SwissPostIntranetHeaderModule,
  ],
  // ...
})
export class AppModule {}

In your templates, the Intranet Header is available as:

<sp-intranet-header></sp-intranet-header>

Contribute

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the intranet header contribution guidelines and also take a look at the general contribution guidelines.

For any questions regarding the pattern library, you can reach out on the discussions page.

In order to keep our community open and inclusive, we expect you to read and follow our Code of Conduct.

License

Software contained in this repository is published by the Swiss Post Ltd. under the Apache 2.0 License.

© 2024 Swiss Post, Ltd.