PostNords web component library

This repo utilizes the Web Components compiler Stencil.js. The goal is to be able to provide re-usable components that the PostNord web teams can use to save time and get a holistic design. These components can be used in any popular framework or with no framework at all.

The library is intended to work with any other CSS framework you wish to use. As long as the CSS class names do not begin with "pn-" there should be no issues at all. However, we do recommend that you use the pn-design-assets package which the libary was intended to be used with. The design assets include fonts, icons and more that helps you get started.

Documentation

The library is documented with the help of Storybook. You can view the latest documentation here.

Quick links:

• Using PostNord Web Components in your project
• Get started with PostNord design assets

localhost Web Components in codepen.io

• To try out your localhost Web Components in codepen.io, you can run

# start exposed server at https://localhost:8000
npm run exposed

First time you need to go to https://localhost:8000 and accept the SSL warning.

Add the following code to the HTML section in codepen.io

<!-- If you want to register all componets we have at once -->
<script type="module" src="https://localhost:8000/postnord-web-components.esm.js"></script>