@swisspost/design-system-styles-primeng NPM

Design System Styles for PrimeNg

Swiss Post Design System splash screen

Swiss Post styles for PrimeNg datatable.

Documentation

The PrimeNg styles are documented in the Design System storybook.

Installation

To install the package in a project run:

npm install primeng @swisspost/design-system-styles-primeng

The PrimeNg theme and core styles are the necessary, as well as the Swiss Post styles. All three should be imported in the main style file of your Angular project, usually src/styles.scss.

Be sure to assign a layer to the Design System styles to avoid interference.

With styles.css

@use "@swisspost/design-system-styles-primeng/primeng-theme";
@use "primeng/resources/primeng.css";

@layer design-system-styles, primeng;

// refer to the @swisspost/design-system-styles installation guidelines to know which bundle-name and extension to choose for your project
@import '@swisspost/design-system-styles/<bundle-name>.<extension>' layer(design-system-styles);

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 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.