@bpost/web-design-system

DesignSystem

This library was generated with Angular CLI version 16.2.0.

Usage and imports

In this section, you will learn how to import properly the visual components included in the package and also how to implement the themeing provided.

Theme

In order for the theme to be applied throughout your app, in your root theme add this import :

@import "../node_modules/bpost-components-desy/src/lib/components/themes/theme.scss";

Components playground:

Storybook

Components

In order to use the components in your application / module, you have to import it from the library. Note that if some components needs other imports, it will be described in an upcoming documentation.

Example import with button component :

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BpButton, //adding this line will allow you to use the component.
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
 }

Example use with button component:

<div>

  <bp-button [label]="Usage example" (onClick)="yourMethod(yourParams)" ></bpost-button>

</div>